# HTML 修改
可以修改构建后的html,插入一些内容。
# 如何使用
安装
pnpm add @plugin-light/webpack-plugin-modify-html -D
在 vue.config.js
中添加如下设置:
const { HtmlModifyPlugin } = require('@plugin-light/webpack-plugin-modify-html');
module.exports = {
chainWebpack(config) {
config.plugin('HtmlModify')
.use(new HtmlModifyPlugin({
onEnd: {
html: [{
source: path.resolve(curDirname, 'src', getRealVueAppDir(), 'index.html'),
destination: `${getOutputPath()}/index.html`,
ssr: process.env.VUE_APP_SSR,
urls: getCdnInject({ isVue3 }).cdnUrls,
}],
},
}))
.tap(args => args);
}
}
← GlobalThis 垫片 Rem 转换 →