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'
    
})

你可能感兴趣的:(9-区分开发环境配置 merge plugin)