9-区分开发环境配置 merge plugin

在 development 和 production 环境下将配置文件进行分类:dev、pro、base(公共)
merge.jpg

步骤:

-1 安装:yarn add webpack-merge -D 本地安装插件

-2 新建webpacl.base.jswebpack.dev.jswebpack.prod.js ,用作不同阶段环境的区分

-3 分别配置 三个文件:以webpack.prod.js 为例

let {smart}=require('webpack-merge');

let base=require('./webpack.base.js')   //引入自己定义的需要  ./ 路径

module.exports=smart(base,{
    mode:'production'
    
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容