VueJS показывает сообщение "mode mode" даже при включении в режиме производства - PullRequest
Новая
       8

VueJS показывает сообщение "mode mode" даже при включении в режиме производства

0 голосов
/ 07 июня 2018

У меня проблема с запуском VueJS2 (2.2.0) в производственном режиме.Сообщение «Вы запускаете Vue в режиме разработки».всегда отображается в консоли, хотя я создаю его с помощью веб-пакета в производственном режиме.Согласно https://vuejs.org/v2/guide/deployment.html этого должно быть достаточно для запуска веб-пакета в производственном режиме, и все становится минимизированным, поэтому веб-пакет, похоже, «знает», что он работает в производственном режиме, но vueJs не подыгрывает.

Мой конфиг веб-пакета выглядит следующим образом: 

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

Я также попытался вручную установитьNODE_ENV для «производства» перед запуском webpack (4.11.1), но без разницы ...

Что мне здесь не хватает?

1 Ответ

0 голосов
/ 31 июля 2018

Когда вы устанавливаете псевдоним vue/dist/vue.js, вы используете файл, который всегда находится в режиме разработки.Измените псевдоним на vue/dist/vue.min.js, и вы перейдете в рабочий режим.

Вы можете установить свою версию Vue в соответствии со своей средой сборки.В этом примере предполагается, что process.env.NODE_ENV установлен на production для производственных сборок, поэтому вам нужно убедиться, что это действительно так, чтобы использовать этот пример. 

...
resolve: {
  alias: {
    vue: process.env.NODE_ENV == 'production' ? 'vue/dist/vue.min.js' : 'vue/dist/vue.js'
  }
}

См. этот Githubвыпуск для справки.

...