美文网首页
webpack学习摘记

webpack学习摘记

作者: louhangfei | 来源:发表于2018-10-14 13:53 被阅读0次

配置:
生产环境和开发环境的配置通常会有区别,同时也会有部分相同。遵循不重复原则(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'
    }
}

})

相关文章

  • webpack学习摘记

    配置:生产环境和开发环境的配置通常会有区别,同时也会有部分相同。遵循不重复原则(Don't repeat your...

  • 2017-07-03

    webpack更好配置 webpack进阶-知乎 webpack 学习 nodejs 学习

  • webpack - 项目优化

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

  • webpack实现原理

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

  • webpack - 项目优化2

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

  • Webpack学习笔记

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

  • webpack - loader

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

  • webpack - plugin

    Webpack学习笔记webpack - 项目优化webpack实现原理webpack - loaderwebpa...

  • webpack4配置记录

    webpack学习笔记 一、 学习webpack 1. webpack基本环境 npm init -y cnpm ...

  • 初探webpack小记

    webpack学习记录 安装webpack 全局安装webpack:npm install webpack -g之...

网友评论

      本文标题:webpack学习摘记

      本文链接:https://www.haomeiwen.com/subject/iatraftx.html