webpack学习摘记

配置：
生产环境和开发环境的配置通常会有区别，同时也会有部分相同。遵循不重复原则（Don't repeat yourself）DRY，应该在它们基础上相同的部分抽取出来，形成一个通用配置，然后将不同部分配置再写入到生产环境和开发环境。

指定环境

new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify('production')
        })

公共模块抽取

optimization: {
        splitChunks: {
            chunks: 'all'
        }
    }

原先的webpack.optimize.CommonsChunkPlugin在webpack4上不适用

+     new webpack.optimize.CommonsChunkPlugin({
+       name: 'common' // 指定公共 bundle 的名称。
+     })

module.exports = merge(common, {
optimization: {
splitChunks: {
chunks: 'all'
}
},
plugins: [
new UglifyJsPlugin(),
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
})

],
optimization: {
    splitChunks: {
        chunks: 'all'
    }
}

})