var webpack = require('webpack'),
path = require('path'),
CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");
var chunks = {
"index": './src/js/index.js'
};
module.exports = {
entry: chunks,
output: {
path: './dist/js/',
filename: '[name].js'
},
module: {
loaders: [
{
test: /\.js[x]?$/,
loaders: ['babel-loader?presets[]=es2015'],
exclude: /node_modules/,
include: path.join(__dirname, '.')
}
]
},
// resolve: {
// alias: {
// js: path.join(__dirname, "./src/js")
// },
// extensions: ['', '.js', '.json']
// },
plugins: [
// new webpack.optimize.UglifyJsPlugin(),
new CommonsChunkPlugin({
name: "home.min",
minChunks: 2,
chunks: chunks
}),
]
};
//index.js
var Hello = require("./lib/lib.js");
new Hello();
//lib.js
var Hello = require("./lib/lib.js");
new Hello();
高洛峰2017-04-17 15:00:33
new CommonsChunkPlugin({
name: "home.min",
minChunks: 2,
chunks: chunks
}),
minChunks設為2,表示至少要有兩個chunk引用的js模組才會被放到你的home.min.js裡,你這lib.js只被index.js引用了一次,因此lib. js的內容會放在打包生成後的index.js裡