Сборка продакшна

Когда мы собираем финальную версию приложения, мы делаем две вещи:

  1. Минифицируем код нашего приложения;
  2. Используем описанные в руководстве по Vue.js настройки, чтобы устранить все возможные проблемы в коде

Вот пример конфигурации:

// webpack.config.js
module.exports = {
  // ... прочие опции
  plugins: [
    // разбираемся со всеми предупреждениями в нашем Vue.js коде
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    // минифицируем, устраняя весь ненужный код
    new webpack.optimize.UglifyJsPlugin()
  ]
}

Нам ни к чему использовать эту конфигурацию во время разработки, для этого есть несколько вариантов:

  1. Динамически собирать объект конфигурации на основе переменных окружения;

  2. Или использовать два отдельных конфигурационных файла webpack, один для разработки, и один для продакшна. И возможно хранить некоторые их общие опции в третьем файле, как показано в vue-hackernews-2.0.

Не имеет значения, как вы будете это делать, если это решит задачу.

results matching ""

    No results matching ""