首页 > 其他分享 >编写Vite自定义plugin

编写Vite自定义plugin

时间:2023-10-17 17:39:16浏览次数:36  
标签:插件 自定义 plugin import id Vite

Vite插件依赖于Rollup,遵循Rollup规则

每次在其他文件中调用`import ... from ...` 便会执行该插件

最终将该`import`得到的数据转化为自定义插件load()返回的数据

  • 必须定义plugin name
  • 编写resolveId(id):用于解析import文件、模块的路径。
    • 参数即为得到的虚拟模块  
    • 需要对return值进行处理,在id前加入'\0'
  • 编写load(id):用于读取相应的虚拟模块,网络文件等
    • return `export default ${对应数据}`    

标签:插件,自定义,plugin,import,id,Vite
From: https://www.cnblogs.com/karle/p/17770200.html

相关文章

  • 自定义报表设计:您的数据,您的规则
    在信息时代,数据是每个组织的核心资产。然而,拥有大量数据并不足够,我们需要将这些数据转化为有用的信息,以指导决策和行动。这就是山海鲸报表系统的使命。 解析数据的力量山海鲸报表系统是一款强大的工具,旨在帮助企业和组织解析和可视化他们的数据。不再需要费时费力地研究各种数......
  • 金蝶云星空业务对象自定义按钮进行权限控制
     金蝶云星空业务对象自定义按钮进行权限控制一、背景说明金蝶标准:权限绑定操作,操作绑定按钮。实际需求:按钮不绑定操作,直接验权二、创建按钮2.1菜单集合  2.2列表菜单 三、创建权限项  四、添加权限项到权限对象 五创建公共权限服务usingKingdee.B......
  • 翻译语言选择自定义封装(elementUI)
    基于elementUI下拉菜单项el-dropdown自定义封装<template><div><el-dropdowntrigger="click"@command="handleCommand"><el-inputv-model="form.key1"suffix-icon="el-icon-arrow-down"pl......
  • 自定义文档 Selection、Range 属性
    一document.execCommand现阶段项目中使用方法document.execCommand可直接操控选中文本,添加属性(操控文档)。但是由于fdocument.execCommand方法兼容性不好,浏览器之间的实现不一致,没有一个统一的标准。且自定义程度不高。官方已经将该方法移除。推荐使用Selection和Range......
  • vue自定义样式
    在项目中常常遇到一些页面由后台定制样式呈现,这就需要在页面中动态绑定style,如若定制样式里包含了伪类、媒体查询、hover效果能样式,寻常的v-bind:style内联样式可能就无法满足需求,这里就记录了一个解决办法。那么该如何操作呢,简单举个栗子:首先,我们在需要定制的样式元素上定义一......
  • Mybatis自定义TypeHandler完成字段加解密And枚举数据处理
    Mybatis自定义TypeHandler完成字段加解密And枚举数据处理新增And查询对枚举数据处理定义枚举@GetterpublicenumUserEnum{HOLD_A_POST("在职",10),RESIGN("离职",20);privateStringname;privateIntegervalue;UserEnum(Stringname,......
  • 在Vite项目中使用scss创建全局变量
    配置这个也就是配置全局scss的过程,在vite.config.ts的defineConfig中添加属性,其中additionalData为scss中引入文件的书写方式://scss全局变量的配置css:{preprocessorOptions:{scss:{javascriptEnabled:true,additionalData:'@import"......
  • 学习C语言心得-自定义函数-每调用一次函数 num的值+1
    每调用一次函数num的值+1#include<stdio.h>NUM(int*num){ (*num)++;}intmain(){ intnum=0; NUM(&num); printf("%d\n",num); NUM(&num); printf("%d\n",num); NUM(&num); printf("%d\n",num); NUM(&num)......
  • 学习C语言心得-自定义函数-对整形有序数组进行二分查找-二分法
    对整形有序数组进行二分查找#include<stdio.h>intfind(intarr[],intsz,intk){ intleft=0;intright=sz-1; while(left<=right) { intmid=left+right/2; if(k>arr[mid]) { left=mid+1; } if(k<arr[mid]) { right=mid......
  • 学习C语言心得-自定义函数 输入两个数字求和
    输入两个数字求和#include<stdio.h>intsum(inta,intb){ returna+b;}intmain(){ inta=0; intb=0; printf("请输入ab的值:"); scanf("%d%d",&a,&b); intSum=sum(a,b); printf("Sum=%d",Sum); return0;}运行......