

不明白为什么我require了lib.js,不是已经打包进home.min.js了吗,而且home.min.js没require进lib.js写的代码 是我理解错了吗
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();
으아악
minChunks는 2로 설정됩니다. 이는 최소 두 개의 청크에서 참조하는 js 모듈이 home.min.js에 배치된다는 의미입니다. lib.js는 index.js에서 한 번만 참조되므로 lib. js는 패키지되고 생성된 index.js에 배치됩니다