打开SPA，缩小并整理index.html

Question

我的Vue项目在public文件夹中包含一个大的index.html。目前，当我像这里描述的那样构建我的项目时，它只是简单地复制到输出文件夹。

我怎么能让webpack缩小它也像它为我所有的其他文件?

Answer 1

我把这个添加到我的vue.config.js

module.exports = {
chainWebpack: config => {
config
.plugin('html')
.tap(args => {
if (process.env.NODE_ENV === 'production')
args[0].minify = {
minifyCSS: true,
minifyJS: true,
minifyURLs: true,
removeComments: true,
collapseWhitespace: true,
collapseBooleanAttributes: true,
removeScriptTypeAttributes: true,
removeAttributeQuotes: true,
removeEmptyAttributes: true,
removeStyleLinkTypeAttributes: true
};
return args;
})
},
...  // Other configs
}

更多细节在这里