如何禁止他人通过vue的devtools 查看

Question

通过vue-cli 构建的项目 打开index后 在浏览器中应该无法使用vue的 devtool 并且应该提示
Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

但是不知道怎么回事 我在某一次编辑后，以后的所有build 都能正常使用 devtool 查看，不知道问题出在哪。不知道这个问题是什么原因造成的。

Answer 1

自己已经解决，生产环境把 sourcemap关闭

Answer 2

在开发环境下是可看到，切换成生产环境就看不到啦 ！

package.json 文件
...
  "scripts": {
    "dev": "webpack-dev-server --open --inline",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },

...

webpack.config.js 文件中
...
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({
      compress: {
        warnings: false
      }
    })
  ])
...