lavas-project / vue-skeleton-webpack-plugin

Lavas webpack plugin: skeleton solution for PWA webshell

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

请问vue-cli3.0构建的项目注入的html和css如何压缩?

leiyaguang opened this issue · comments

请问vue-cli3.0构建的项目注入的html和css如何压缩?

html-webpack-plugin 使用 html-minifier 对 HTML 进行压缩,所以可以通过 html-webpack-plugin 插件的 minify 配置对象进行配置:

new HtmlWebpackPlugin({
            minify: {
                removeComments: true,
                collapseWhitespace: true,
                removeAttributeQuotes: true,
                minifyCSS: true // 压缩内联的 CSS
            }
        }),
commented

@xiaoiver

new HtmlWebpackPlugin({
            minify: {
                removeComments: true,
                collapseWhitespace: true,
                removeAttributeQuotes: true,
                minifyCSS: true // 压缩内联的 CSS
            }
        }),

vue cli 3.0 的项目里面,这段代码具体配置在什么位置,我配置后,发现 html 压缩了,但是 css 没有压缩,麻烦指点一下。