首页 > Web开发 > 详细

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

时间:2021-09-02 08:01:07      阅读:14      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

 

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

技术分享图片

 

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

技术分享图片

 

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

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

技术分享图片

 

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

技术分享图片

 

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

 

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

原文:https://www.cnblogs.com/sunzc/p/15211611.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!