如何检查 Vue 是否处于开发模式？

Question

当我运行我的 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)

但这仅记录 undefined 是否有其他方法可以在 Vue 中找到 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
    })
  ])
}

也许相关：我使用打字稿，所以我包含了这个类型声明：

 declare var process: {
    env: {
        NODE_ENV: string
    }
}

原文由 Kokodoko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您从 vue-cli（默认 webpack）开始，那么这应该可以：

   connection: process.env.NODE_ENV === 'development'
    ? 'ws://localhost:5000'
    : 'wss://myawsomeproject.org'

原文由 Thomas 发布，翻译遵循 CC BY-SA 3.0 许可协议