Edited at

Vue CLI 3で、minifyされてないHTMLを書き出す方法

More than 1 year has passed since last update.

方法をみつけるのに苦労したため書いておきます。

公式

https://cli.vuejs.org/guide/

vue.config.jsをプロジェクトルートに作成し下記記述。

module.exports = {

chainWebpack: config => {
config.plugin('html').tap(options => {
options[0].minify = {
removeComments: false,
collapseWhitespace: false,
removeAttributeQuotes: false,
collapseBooleanAttributes: false,
removeScriptTypeAttributes: false
}
return options
})
}
}

ちなみにファイル名後ろの乱数生成をさせないようにするには

module.exports = {

filenameHashing: false
}