vite使用mock插件(vite-plugin-mock)记录
1. 依赖的安装 2. 在 vite.config.js 中使用vite-plugin-mock插件 3. 添加mock目录及其文件 在 ./src/server/mock 目录中添加文件 4. 使用 返回值： 至此，我们就完成了mockjs的配置。 5.不同环境 ...
原文：【记录】如何造一个vite插件(2)
上一篇已经把vite插件的基础结构搭建起来了，这一次就来聊聊继续完善开发环境。 完善开发环境 生成d.ts文件 先来修改一下lib index.ts这个文件 在执行 yarn build,不出所料是打包成功了，然后新建一个文件a.js导入dist index.js这个文件，也能够正常使用，但是又发现一个问题，貌似没有只能提示，完全不知道options可以传入哪些参数，这就有点不满意了，对标一下 v ...
2021-07-21 17:40 0 188 推荐指数：
相关推荐
使用 vite 构建一个表情选择插件
初始化 Vite 基于原生 ES 模块提供了丰富的内建功能，开箱即用。同时，插件足够简单，它不需要任何运行时依赖，只需要安装 vite （用于开发与构建）和 sass （用于开发环境编译 .scss 文件）。 项目配置 同时用 vite 开发插件和构建插件 demo，所以我创建了两个 ...
开源造轮子：一个简洁，高效，轻量级，酷炫的不要不要的canvas粒子运动插件库
一：开篇 哈哈哈，感谢标题党的莅临~ 虽然标题有点夸张的感觉，但实际上，插件库确实是简洁，高效，轻量级，酷炫酷炫的咯。废话不多说，先来看个标配例子吧： （codepen在线 ...
vite vue插件打包配置
import { defineConfig, UserConfigExport, ConfigEnv } from "vite"; import externalGlobals from "rollup-plugin-external-globals ...
Vite插件开发纪实：vite-plugin-monitor（下）
前言 上一篇介绍了Vite启动，HMR等时间的获取。 但各阶段详细的耗时信息，只能通过debug的日志获取 本文就实现一下debug日志的拦截 插件效果预览 --debug做了什么 项目启动指令 在源码中搜索 --debug，可以在vite/packages/vite/bin ...
vite mock 数据插件：vite-plugin-easy-mock
vite-plugin-easy-mock 前言 开发项目时想要有个很容易mock本地数据的插件，只需要 vue.config.js 或 vite.config.js 中加载，然后按照规则即可使用mock数据，开启本地服务器则自动代理mock数据（可根据环境判断是否需要加载该插件），不需要开启 ...
Vite插件开发纪实：vite-plugin-monitor（上）
背景 最近在webpack项目里接入了Vite（dev mode），为开发提效。效果是真的猛。 项目启动速度提升70%-80%，HMR直接碾压webpack dev server 为了更加精准的计算收益，就需要将Vite启动相关的指标进行上报（启动时间，HMR，页面加载等等时间） 为此就要 ...
vite monaco-editor 使用记录
什么是Monaco Editor？ 微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode， 而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器， 他们很大一部分的代码 ...