Как остановить создание vue cli "report.html"?

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"
  },

Я не могу воспроизвести это. Я создал проект и собрал его с помощью vue create tmp1, (выберите параметры по умолчанию), cd tmp1 && yarn build. Каковы шаги по созданию вашего проекта и запуску сборки?

— 25.10.2018 05:24

@ tony19 Я делал то же самое пару недель назад - vue create tmp1. Отчет всегда был там. Не уверен, что, черт возьми, происходит.

— 25.10.2018 08:13

vue.js vue-cli vue-cli-3

25.10.2018 02:32

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

2 684

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

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

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

25.10.2018 02:40

Ответ принят как подходящий

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

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

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

25.10.2018 04:32

Я хотел бы поделиться некоторыми обновлениями 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 будет запрошен

23.07.2019 08:27