首页 > 技术分享 > Vue
收藏

Vite使用build打包时压缩HTML

08/21 16:14
大潇博客 原创文章,转载请标明出处

1、安装插件

npm install vite-plugin-html -D


2、在 vite.config.js 中配置:

import { defineConfig } from 'vite';

import vue from '@vitejs/plugin-vue';

import { createHtmlPlugin } from 'vite-plugin-html';

export default defineConfig({

plugins: [

vue(),

createHtmlPlugin({

minify: true, // 开启 HTML 压缩

}),

],

});


3、通过 minify 选项,可以精细控制压缩行为:

minify: false:完全关闭压缩,保留换行和空格,方便调试。

minify: true:使用默认配置压缩。

minify: { ... }:传入自定义的 html-minifier-terser 配置对象,精细控制压缩规则


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311