Guoguo-notes
主页
常用笔记
vue笔记及周边生态
  • 团队协作及规范
  • 项目框架及架构
  • 飞码篇
  • Java
  • React笔记
GitHub
主页
常用笔记
vue笔记及周边生态
  • 团队协作及规范
  • 项目框架及架构
  • 飞码篇
  • Java
  • React笔记
GitHub
  • vue笔记及周边生态

    • 1. Element Plus --vue3.0.md
    • 2. Element ui 笔记.md
    • 3. Taro.md
    • 4. Vue 代码片段.md
    • 5. Vue 全局封装 main.js.md
    • 6. Vue 笔记.md
    • 7. Vue3 .md
    • 8. Vue3+Element Plus.md
    • 9. element plus 本地启动.md
    • 10. jsx tsx 代码片段.md
    • 11. jsx tsx 笔记.md
    • 12. uniapp笔记.md
    • 13. vite 笔记.md
    • 14. vite手写插件.md
    • 15. vue.js 下载文件.md
    • 16. vueuse笔记.md
    • 17. vxe-table笔记.md
    • 18. 代码片段 - 解析数学公式.md
    • 19. 常用插件.md
    • 20. 汇智腾远笔记.md
    • 21. 视频播放插件.md

插件生命周期钩子文档

插件 API | Vite 官方中文文档

手写插件

导入 和 引入

import MyVitePlugin from "./plugins/vite-aliases.ts";

 plugins: [
        MyVitePlugin()
    ],

vite-aliases.ts 文件

export default (): any => {
    return {
        /**
         * 
         * @param config vite.config.ts 中写的配置会原封不动的返回
        * @param env { mode: 'development', command: 'serve',isSsrBuild: false, isPreview: false }
         * @returns Object
         */
        config(config: any, env: any) {
            // console.log('😁😁😁config, env ===>', config, env);
            console.log('😁😁😁1111111111111');
            return {}
        },
        transformIndexHtml(html: any) {
            return html.replace(
                /<title>(.*?)<\/title>/,
                `<title>网站标题!</title>`
            )
        }

    }
}

编写插件已学配置

image-20241124094133403

Edit this page
Last Updated:
Contributors: 袁果锅
Prev
13. vite 笔记.md
Next
15. vue.js 下载文件.md