如何检查Vue是否处于开发模式？
如何检查Vue是否处于开发模式？
提问于 2018-03-13 21:38:26
当我运行我的Vue应用时，控制台显示：
You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html因此，现在我想通过使用以下命令来检查Vue是否正在从我的模板内部进行开发：
console.log("mode is " + process.env.NODE_ENV)但是，在Vue中有没有一种不同的方法来查找undefined，只记录NODE_ENV？
我的webpack配置有这一部分：
if (process.env.NODE_ENV === 'production') {
module.exports.devtool = '#source-map'
// http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins = (module.exports.plugins || []).concat([
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
sourceMap: true,
compress: {
warnings: false
}
}),
new webpack.LoaderOptionsPlugin({
minimize: true
})
])
}也许是相关的:我使用typescript，所以我包含了这个类型声明：
declare var process: {
env: {
NODE_ENV: string
}
}回答 9
Stack Overflow用户
发布于 2018-03-14 20:35:38
如果你一开始使用vue-cli (默认是webpack)，那么这应该是可行的：
connection: process.env.NODE_ENV === 'development'
? 'ws://localhost:5000'
: 'wss://myawsomeproject.org'Stack Overflow用户
发布于 2018-03-16 06:32:41
我几乎所有的Vue项目都使用了Webpack，所以我会检查webpackHotUpdate是否存在。
if (webpackHotUpdate) {
console.log('In Dev Mode');
}如果webpack开发服务器正在运行，它就会出现在window对象中。
Stack Overflow用户
发布于 2019-09-13 14:08:56
我知道这是一个老生常谈的问题，但了解我在当前版本的Vue (3.11)中找到的这个解决方案可能会对新的VueJS用户有所帮助：
在开发模式下运行时，属性Vue.config.devtools是true，在生产模式下是false！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49257650
复制相关文章
相似问题
腾讯云开发者
