@ctrlc/vite-plugin-vue-html-insert

用于vue3在index.html注入css、js

使用手册

安装

1npm i @ctrlc/vite-plugin-vue-html-insert -D

语法

1vueHtmlInsert(Options)

配置项

参数	类型	说明
Options.css	string | insertItem	文件路径或对象
Options.js	string | insertItem	文件路径或对象
insertItem.hash	boolean	是否增加哈希值
insertItem.injectTo	'head' | 'body' | 'head-prepend' | 'body-prepend'	插入的位置 css 默认head，js 默认body
insertItem[...attrs]	undefined	可扩展的属性

示例

在vite.config.ts文件中引入插件：

1...
2import vue from '@vitejs/plugin-vue'
3import vueHtmlInsert from '@ctrlc/vite-plugin-vue-html-insert';
4
5export default defineConfig({
6  plugins: [
7    vue(), 
8    vueHtmlInsert({
9      css: [
10        // 插入xxx.css
11        'xxx.css', 
12        // 插入'yyy.css
13        {
14          href: 'yyy.css',
15          hash: true,
16          injectTo: 'head'
17        }
18      ],
19      js: [
20         // 插入xxx.js
21        'xxx.js', 
22        // yyy.js
23        {
24          src: 'yyy.js',
25          hash: true,
26          injectTo: 'body'
27        }
28      ]
29    })
30 ],
31})

文档

• 文档