Как остановить vue cli, создавая файл report.html? - PullRequest
Новая
       56

Как остановить vue cli, создавая файл report.html?

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

Vue CLI v3 всегда создает "dist / report.html" при сборке для производства.Это отчет анализатора пакетов веб-пакетов.

Я не могу найти способ прекратить сборку этого файла.

Как избежать создания файла report.html при создании приложения Vue CLI 3 для производства?

Вот мои сценарии package.json: 

"scripts": {
    "dev": "npm run serve",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:e2e": "vue-cli-service test:e2e",
    "test:unit": "vue-cli-service test:unit"
  },

Ответы [ 3 ]

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

Пока что я нашел единственный способ отключить его через vue.config.js: 

pluginOptions: {
    webpackBundleAnalyzer: {
        analyzerMode: "disabled"
    }
},

Было бы полезно узнать, почему эта функция всегда включена в Vue CLI 3.

0 голосов
/ 23 июля 2019

Я бы хотел поделиться некоторыми обновлениями с Vue CLI 3.8.4:

Vue CLI

  • webpack-bundle-analyzer - это зависимость @vue/cli-service@^3.9.0
  • По умолчанию vue-cli-service build не генерирует dist/report.html и dist/report.json
  • В соответствии с Документация Vue CLI :
    • --report создает dist/report.html
    • --report-json генерирует dist/report.json.Кстати, этот JSON-файл может быстро стать огромным
    • Оба аргумента могут быть суммированы (генерируются как report.html, так и report.json).Когда я тестировал, совокупность обоих аргументов значительно увеличивала время сборки

Анализатор пакетов Webpack

Vue CLI не запускает веб-сервер автоматически для предварительного просмотрафайлы отчетов.Если вы хотите webpack-bundle-analyzer стандартным способом , необходимо обновить конфигурацию веб-пакета: 

// in {root folder}/vue.config.js
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
  .BundleAnalyzerPlugin;

module.exports = {
  configureWebpack: {
    plugins: [new BundleAnalyzerPlugin()]
  }
};

Даже без --report и --report-json, report.html всегда будет генерироваться, и порт 8888 должен быть доступен как http://localhost:8888 будет запрошено

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

Убедитесь, что ваш скрипт build npm не содержит параметр --report. 

"scripts": {
    "serve": "vue-cli-service serve",
    "lint": "vue-cli-service lint",
    "build": "vue-cli-service build",
    "report": "vue-cli-service build --report",
}
...