在我的Vue项目中,这里没有,dev.env.js
和 prod.env.js
文件。
这里只有webpack.base.config.js
, webpack.dev.config.js
和 webpack.prod.config.js
文件:
那么现在我应该怎么才能判断vue当前运行的是什么环境呢?
在我的Vue项目中,这里没有,dev.env.js
和 prod.env.js
文件。
这里只有webpack.base.config.js
, webpack.dev.config.js
和 webpack.prod.config.js
文件:
那么现在我应该怎么才能判断vue当前运行的是什么环境呢?
不太理解你的问题描述。单看你的问题标题,你应该理解一下环境变量跟 webpack 以及 Vue、项目中的 js 是怎么关联起来的。
环境变量的传递路径:命令行命令 -> Webpack -> Webpack 加载的各种 js 和 Vue 文件
NODE_ENV=production npm run dev
,其中 NODE_ENV=production
就是环境变量,一般用来代表生产环境,其中 npm run dev
就是执行 package.json scripts 中的 dev 那一项,一般是运行你的 webpack 脚本,比如 webpack-dev-server --inline --hot
webpack 接收到 NODE_ENV=production
的命令行变量(process.env.NODE_ENV 来获取),放到 DefinePlugin 的配置中,比如
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development')
}
}),
process.env.NODE_ENV
得到变量值,比如 console.log(process.env.NODE_ENV === 'production')
9 回答1.8k 阅读✓ 已解决
6 回答1.8k 阅读
3 回答1.5k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读
2 回答1.3k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
一样的啊。
dev
表示开发环境配置,prod
看这个吧Webpack 配置详解(含 4)——关注细节