当前位置:网站首页 > R语言数据分析 > 正文

webpack配置报错WARNING in DefinePlugin Conflicting values for ‘process.env.NODE_ENV‘

一,现象。

 "scripts": { 
    "dev": "cross-env envMode=dev webpack serve --config ./config/webpack.dev.conf.js --color ", "testing": "cross-env envMode=testing webpack --config ./config/webpack.prod.conf.js --color", "build": "cross-env envMode=prod webpack --config ./config/webpack.prod.conf.js --color" }, 

在这里插入图片描述

二,原因

process.env.NODE_ENV的值已经存在,现在又重新赋值,并且赋的值和已经存在的不同。

而我们要多环境配置的时候。通常会建立如下的文件:
在这里插入图片描述
使用这个插件添加变量:

 new webpack.DefinePlugin({ 
    // 定义环境和变量 "process.env": { 
    ...env }, __VUE_OPTIONS_API__: false, __VUE_PROD_DEVTOOLS__: false }), 

三,解决办法

就是让webpack不会自动读取配置文件中的mode给process.env.NODE_ENV赋值。
这样process.env.NODE_ENV就只是被我们自定义的文件赋值,就不会冲突了。
解决办法就是:

module.exports={ 
    ...//其他配置 optimization: { 
    nodeEnv: false } } 
到此这篇webpack配置报错WARNING in DefinePlugin Conflicting values for ‘process.env.NODE_ENV‘的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • webpack5图片压缩-image-webpack-loader插件2024-11-27 22:18:04
  • yarn和npm设置修改源2024-11-27 22:18:04
  • UML图及在drawio中的绘制2024-11-27 22:18:04
  • ES6的export和import2024-11-27 22:18:04
  • fabric操作canvas绘图-(二)动画2024-11-27 22:18:04
  • webpack5学习与实战-(十一)-devServer2024-11-27 22:18:04
  • webpack5学习与实战-(十)-source_map2024-11-27 22:18:04
  • webpack5学习与实战-(四)-loader2024-11-27 22:18:04
  • webpack5配置dev-server在控制台打印信息2024-11-27 22:18:04
  • eslint+prettier+husky的配置说明2024-11-27 22:18:04
  • 全屏图片