![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vite
九段刀客
你期待的并且相信的,终将实现!
展开
-
vite vue3批量导入指定目录下的组件
场景:批量导入components/select/ 的所有选择组件,并根据名称使用动态组件component渲染。原创 2022-11-11 15:39:09 · 2225 阅读 · 0 评论 -
vite中获取.env.xxx中自定义的环境变量
1、在业务代码中获取方式import.meta.env.VITE_APP_BASE_API2、在vite.config.js中获取方式import { defineConfig, loadEnv } from "vite";export default ({ mode }) => { server:{ "/api": { target: loadEnv(mode, process.cwd()).VITE_APP_BASE_API, ws: true, c原创 2022-05-13 09:40:01 · 3595 阅读 · 0 评论 -
vue3+vite图标库展示,并用可见性api new IntersectionObserver 实现懒加载
懒加载解决图标过多卡顿问题svg-iocns.jsconst reqs = import.meta.globEager("@/icons/svg/*.svg");const modules = [];for (const key in reqs) { let value = reqs[key].default; let a = value.split("."); let b = a[0].split("/"); modules.push({ icon: b[b.length -原创 2022-04-23 20:26:24 · 1509 阅读 · 0 评论 -
vite学习笔记二:vite配置eslint
添加依赖依赖实在是太多了,是对着vue-vben-admin开源项目加的yarn add eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue vue-eslint-parser vue-eslint-parser --dev yarn add @typescript-eslint/eslint-plugin @typescript-eslint/parser --devyarn add prettier原创 2022-04-14 21:13:24 · 1806 阅读 · 0 评论 -
vite配置多环境代理
.env.devNODE_ENV = 'development'VITE_BASE_API = "http://192.168.1.663:8000"import.meta.env.VITE_BASE_API原创 2022-04-14 09:51:44 · 6969 阅读 · 0 评论 -
vite学习笔记一:创建一个typescript + vue3的项目
yarn create vite原创 2022-04-09 14:18:48 · 753 阅读 · 0 评论