webpack如何区分开发环境与构建环境加载配置

webpack区分是开发环境还是构建环境加载配置有两种方式

1、直接在package.json文件中配置指定，利用webpack的--config属性可以指定运行哪个配置的config文件。

 

 如果不仅仅想要打包之后的结果，还想要直接运行的话修改一下webpack的配置

 

 2、第二种方式通过webpack构建传参，有两种传参方式

 

 如果使用变量传参的命令，可以去除cross-env，如果不去除需要先下载插件。

对于直接传参法，可以把module.exports写成一个函数接受，里面的配置和不用函数一样，函数写法只是为了接受传来的参数。

 

对于变量传参法，使用process来点变量名来确定， 下面的配置就是正常配置

 

以上就是webpack区分环境加载配置的用法。