Vue

Vite使用build打包时压缩HTML

08-21 16:46

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: false, // 关闭 HTML 压缩

}),

],

});


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

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

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

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


微信小程序
大潇博客 版权所有 Copyright ©2016~2026
京ICP备17004217号-6  合作QQ:284710375
天玺科技