Как перевести Vue.js в рабочий режим, используя webpack 2.7? - PullRequest
Новая
       14

Как перевести Vue.js в рабочий режим, используя webpack 2.7?

0 голосов
/ 07 октября 2018

У меня есть существующая кодовая база, в которой Vue.js имеет проблемы с производительностью.Я также вижу это уведомление в консоли браузера:

enter image description here

, поэтому я полагаю, что простым решением было бы перевести Vue в рабочий режим.

В предлагается ссылка Я стараюсь следовать инструкциям для веб-пакета.Мы находимся на Webpack версии 2.7 (текущая стабильная версия 4.20).В инструкциях говорится, что в Webpack 3 и более ранних версиях вам нужно будет использовать DefinePlugin: 

var webpack = require('webpack')
module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('production')
    })
  ]
}

Так что в моем package.json определен скрипт сборки:

enter image description here

Для сборки для производства я запускаю yarn run build, и он запускает файл build.js ( вставьте сюда ), который, в свою очередь, вызывает webpack.base.conf.js ( вставить здесь ) и webpack.prod.conf.js ( вставить здесь ).

Как вы можете видеть из вставки, я использую DefinePlugin, как предложено в документации.

Я также нашел файл с именем vue-loader.conf.js ( вставка здесь )и, конечно же, я также добавил туда DefinePlugin.

Я могу запустить yarn run build, который заканчивается без ошибок, но когда обслуживаешь сайт через Apache и открываешь браузер, он все равно показывает уведомление о том, чтомы находимся в режиме разработки.

Чтобы убедиться, что он на самом деле использует файлы, созданные веб-пакетом, я полностью удалил папку /public/webpack/ и проверил, что веб-интерфейс не загружался правильно без отсутствующих файлов, а затем собрал зановочтобы увидеть, правильно ли он загрузился после завершения команды.Так что он на самом деле использует файлы, созданные этим процессом веб-пакета.Но на самом деле Vue не создается в производственном режиме.

Кто-нибудь знает, что я здесь не так делаю?Все советы приветствуются!

1 Ответ

0 голосов
/ 09 октября 2018

Проблема может быть в вашем «webpack.base.conf.js», как я и подозревал, спасибо, что поделились им, при поиске я обнаружил проблему, решающую вашу проблему «производства не обнаружено» на github здесь

Решение требует, чтобы вы изменили 'vue$': 'vue/dist/vue' на 'vue$': vue/dist/vue.min на производстве.

Вы найдете исходный ответ как:

@ozee31 Этот псевдоним 'vue $': 'vue / dist / vue' вызывает проблему, используйте vue / dist / vue.min в производственной среде.

...