如何检查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
}
}Stack Overflow用户
发布于 2019-07-17 17:54:24
对于我使用pug的特殊情况，我只是想有条件地向组件添加一些元素，我在webpack.config.js中设置了pug-plain-loader的options.data属性，使加载器看起来如下所示：
{
resourceQuery: /^\?vue/,
use: [
{
loader: 'pug-plain-loader',
options: {
// Use whatever you'd use to detect mode in the webpack config
data: { mode: process.env['PRODUCTION'] ? 'production' : 'development' },
},
},
],
},
}下面是我使用的完整webpack.config.js：https://github.com/SuperuserLabs/thankful/blob/5913d9d0bb02e6d2f3b88c541477dc557caa4148/webpack.config.js#L76-L88
之后，我可以这样做：
if mode === 'development'
| Only shown in development mode对于一般情况，这比我最初预期的要难。虽然擅长于Webpack的人可能会很容易做到这一点。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49257650
复制相关文章
相似问题
腾讯云开发者
