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
リーリー
minChunks は 2 に設定されます。これは、少なくとも 2 つのチャンクによって参照される js モジュールが home.min.js に配置されることを意味します。の js は、パッケージ化され生成されたindex.js
に配置されます。