小王同学
小王同学
发布于 2024-10-06 / 105 阅读
0

vite-plugin-singlefile

作用:此插件可以将项目打包到一个文件内,实现浏览器直接打开。

计划:二次开发插件,将此插件作为油猴、脚本猫等工具的构建启动器。

重构:重构油猴发布的脚本,使界面更加美化,增添新功能

安装方式:

1.下载插件
npm install vite-plugin-singlefile --save-dev
or
yarn add vite-plugin-singlefile --dev

2.在vite.config中引入
import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"
import { viteSingleFile } from "vite-plugin-singlefile"

export default defineConfig({
	plugins: [vue(), viteSingleFile()],
})

3.useRecommendedBuildConfig配置,是否允许更改vite配置,使其打包为单文件
viteSingleFile({ useRecommendedBuildConfig: false })
默认为:false,允许。若改为ture则禁用

// 更多可看 https://www.npmjs.com/package/vite-plugin-singlefile