$ cnpm install webpack-bbq
✔︎ 转化 src 到 lib
✔︎ 生成 app-revisions.json
✔︎ 装配 loaders: javascript, stylesheets, json, fonts, images, medias
✔︎ 兼容 Node.js: process.env.NODE_ENV 和 __dirname, __filename
✔︎ server rendering
✔︎ static rendering
Show Your Webpack Loader Transformed Source!
// in your webpack.config.js
const libify = require.resolve('webpack-bbq/libify');
module.rules: [ { loader: libify, enforce: 'post', options: { webpackConfigPath } } ]
基于 require('js-tokens')
技术,
使用类 require("../webpack.config")[0].output.publicPath
替换掉 __webpack_public_path__
Webpack Plugin that generates a app-resisions of bundled files.
// webpack.config.js
var AppRevisionsGenerator = require('webpack-bbq/AppRevisionsGenerator');
var config = {
...
entry: {
"bundle": "./src/application.js",
"vendors": "./vendors/vendors.js"
},
output: {
path: './public/assets/',
filename: 'js/[name]-[hash].js',
publicPath: "http://example.com/assets"
},
plugins: {
new AppRevisionsGenerator("PATH_TO_DEST_DIRECTORY")
}
...
}
module.exports = config;
{
"bundle.js": "js/bundle-f34dc68a3493edfcaa3a.js",
"vendors.js": "js/vendors-13adcef238710a91e834.js"
}
Copyright 2014 - 2016 © taobao.org |