node.js - webpack required打包问题

问题描述

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();

问题解答

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

minChunks设为2，表示至少要有两个chunk引用的js模块才会被放到你的home.min.js里，你这lib.js只被index.js引用了一次，因此lib.js的内容会放在打包生成后的index.js里