問題描述

不明白為什么我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.jsvar Hello = require('./lib/lib.js');new Hello();

//lib.jsvar Hello = require('./lib/lib.js');new Hello();

問題解答

回答1：

new CommonsChunkPlugin({ name: 'home.min', minChunks: 2, chunks: chunks }),

minChunks設為2，表示至少要有兩個chunk引用的js模塊才會被放到你的home.min.js里，你這lib.js只被index.js引用了一次，因此lib.js的內容會放在打包生成后的index.js里