https://github.com/auchenberg/express-webpack-asset
Express middleware to load hashed webpack assets
https://github.com/auchenberg/express-webpack-asset
Last synced: 30 days ago
JSON representation
Express middleware to load hashed webpack assets
- Host: GitHub
- URL: https://github.com/auchenberg/express-webpack-asset
- Owner: auchenberg
- License: mit
- Created: 2015-02-11T09:06:18.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-09-11T08:49:15.000Z (about 8 years ago)
- Last Synced: 2025-08-09T05:56:37.288Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 9.77 KB
- Stars: 39
- Watchers: 3
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
express-webpack-asset
===============
[](https://github.com/feross/standard)
Middleware to load hashed webpack assets, in combination with https://github.com/kossnocorp/assets-webpack-plugin
## Configuration
Example webpack config:
```javascript
var SaveHashes = require('assets-webpack-plugin');
plugins: [
new SaveHashes({path: path.join(__dirname, 'config')})
],
entry: './main.js',
output: {
path: path.join(__dirname, '.tmp', 'public', 'app'),
filename: "bundle-[name]-[hash].js",
publicPath: "/app/"
},
```
Express config:
```javascript
var webpackAssets = require('express-webpack-assets');
app.use(webpackAssets('./config/webpack-assets.json', {
devMode: true/false
}));
```
Express-webpack-asset can also support you with multiple json files. For that case you need to pass a path of your assets json files, example of usage:
```javascript
var webpackAssets = require('express-webpack-assets');
app.use(webpackAssets('./config', {
devMode: true/false
}));
```
Please bear in mind that result of extend will override the object properties with equal names w.r.t. order returned by Nodejs.fs.readDir.
## Options
```javascript
{
devMode: boolean // Enables development mode which disables caching of the manifest, which is useful when the manifest changes rapidly
}
```
## Usage
Example webpack-assets.json (taken from the README in the assets-webpack-plugin project):
```json
{
"one": {
"js": "/js/one_2bb80372ebe8047a68d4.bundle.js"
},
"two": {
"js": "/js/two_2bb80372ebe8047a68d4.bundle.js"
}
}
```
Two ways of linking in assets. Examples shown linking 'one' asset using express EJS view snippets.
1.
```html
```
2.
```html
```