webpack --env.production和--mode =“ production”有什么区别

在webpack.config.js中判断环境的时候要使用函数的方式导出,

"scripts": {
    
    
		"serve": "webpack-dev-server --mode development --progress --open",
		"build": "webpack --env.production --mode production --progress"
	},
module.exports = function (env, argv) {
    
    
	console.log(env, argv);
}

在这里插入图片描述

–mode

用来指定使用哪种模式,有三种production,development、none,如果使用production会专门对正式环境做一些优化如移除map文件,添加代码压缩等,如果是development则会有开启一些开发环境的功能。本地开发的时候用webpack-dev-server启动会用development模式,打包上传线上用的时候会用production模式。

–env.xxxx

指定使用哪种环境,如开发环境、测试环境,正式环境,这三个环境都会有对应的API请求地址,就可以用这种方式来判断不同的环境用哪个API

猜你喜欢

转载自blog.csdn.net/weixin_35958891/article/details/108923461