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

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

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

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

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

 

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

上一篇:无法连接仓库:Command "/usr/bin/git ls-remote -h http://ip:port/heqs/crmadmin.git HEAD" returned status code 128:


下一篇:学习日志-2021.09.18