即使在生产模式下构建,VueJS也会显示"开发模式"消息

Question

我遇到了让VueJS2(2.2.0)在生产模式下运行的问题.消息"您正在开发模式下运行Vue".总是出现在控制台中,即使我在生产模式下使用webpack构建它.根据https://vuejs.org/v2/guide/deployment.html,它应该足以在生产模式下运行webpack并且所有内容都会缩小,因此webpack似乎"知道"它在生产模式下运行,但是vueJs不参与.

我的webpack配置如下所示:

let webpack = require('webpack');
let path = require('path');

module.exports = {
  entry: {
    app: './src/app.js',
      vendor: ['vue', 'axios']
    },
  output: {
    path: path.resolve(__dirname, 'public/js'),
    filename: "[name].js",
    publicPath: './public',
  },
  optimization: {
    splitChunks: {
      cacheGroups: {
        vendor: {
          chunks: 'initial',
          name: 'vendor',
          test: /[\\/]node_modules[\\/]/,
        }
      }
    }
  },
  resolve: {
    alias: {
      vue: 'vue/dist/vue.js'
    }
  }
};

为了构建我的缩小文件进行制作,我运行:

webpack --mode=production --hide-modules

我还尝试在运行webpack(4.11.1)之前手动将NODE_ENV设置为"production",但没有区别......

我在这里错过了什么？

Answer 1

设置别名时vue/dist/vue.js,您使用的文件始终处于开发模式.将别名更改为vue/dist/vue.min.js,您将处于生产模式.

请参阅此Github问题以供参考.