Как сохранить кавычки вокруг атрибутов при сборке vue-cli-service build?

Question

[Сергей Соколов]

Использую vue-cli. Создал проект, всё по умолчанию, сохранил, сделал build.
В итоговом index.html в результате минификации убраны кавычки вокруг всех атрибутов, в т.ч. URL скриптов.

Как их вернуть?

Вроде бы, за это отвечает опция removeAttributeQuotes загрузчика html-loader. Подробнее про эти опции предлагают смотреть в документации html-minifier.

Как эту опцию подсунуть в мою конфигурацию?

Создать файл vue.config.js – тут застрял, не понимаю, как её прописать. В дампе vue inspect отсутствуют упоминания "html-loader" и "html-minfier".

Answer 1

[0xD34F]

vue.config.js:

module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].minify.removeAttributeQuotes = false;
        return args;
      })
  }
};

Comments

[Сергей Соколов]

Че-т оно проигнорировало исходный index.html и создало свой с нуля, только со ссылками на сгенеренный бандл. Даже без <div id="app"/>

[Сергей Соколов]

но спасибо за верную наводку на HtmlWebpackPlugin – это именно он, да.

[0xD34F]

Сергей Соколов,

проигнорировало исходный index.html

Обновил ответ.

[Сергей delphinpro]

Сергей Соколов, Это потому что в примере 0xD34F создается новый объект настроек плагина, а не модифицируется имеющийся.

.tap(args => {
                args[0].minify.removeAttributeQuotes = false;
                return args;
            });

примерно так делаю.

[Сергей Соколов]

0xD34F, супер! Спасибище!

Как вы разобрались с форматом .tap() ?

[0xD34F]

Сергей Соколов, пока не разобрался. Просто погуглил как решается конкретная проблема, проверил, что решение работает. Вот сейчас буду читать документацию, выяснять, что тут происходит.