vite
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
npm安装依赖环境报错（vite、@vitejs/plugin-legacy等）
一、问题： 在做vite + vue3项目，由于前端页面加载过慢，处理vite相关优化时安装相关插件提示的报错信息，在这里记录是方便遇到同样问题的小伙伴能快速解决问题。 二、原因： npm的版本过高才导致 三、解决方案：在npm 后面加 --force 或者 --legacy-peer-deps n ......
在vite中，如何省略VITE_这样的前缀来创建一些自定义的环境变量
1.vite自带的属性envPrefix 这个属性只能修改掉VITE_这样的开头，并且不能为空 详情参考 2.使用dotenv插件 如果你不想被这些瓶瓶罐罐约束，想定义什么变量就定义什么变量的话 那你可以尝试使用dotenv这个插件 dotenv：npm 官方文档的这样介绍 dotenv: Dote ......
Vue3+vite项目中如何动态导入并创建多个全局组件
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错（vueSetupExtend不是一个函数）
vite V3.0.0 vite.config.ts 引入插件报错（***** 不是函数） ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......
如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤
Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
vite scss相关
vite i sass Scss 与 Sass异同 vite 项目安装 sass npm i sass -D 然后在项目中添加如下即可<style scope lang="scss"></style> 项目主题切换 利用sass的混入特性，实现切换主题的效果 创建 themes.scss文件，然后定 ......
vite 如何使用 element-ui
vue2 vite 如何使用 element-ui 项目版本如下 { "dependencies": { "element-ui": "^2.15.13", "vue": "^2.7.7" }, "devDependencies": { "@vitejs/plugin-legacy": "^2.0. ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
vite 发布npm包
创建一个vite+vue项目 安装vite官网文档来搭建项目、然后在安装对应安装包、运行 npm init vite@latest my-vue-app -- --template vue cd ./my-vue-app npm i || pnpm i || yarn npm run dev 对目录 ......
从0搭建Vue3组件库(五): 如何使用Vite打包组件库
本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/ ......
monorepo实践：yarn workspace + vite + typescript + react
前言 最近需要用到多包管理 monorepo 开发新项目，所以提前预研一下项目搭建。 monorepo(monolithic repository)是一种项目架构，就是用一个仓库管理多个项目（应用，库），react和babel的源码仓库都是用这种方式在管理。 优缺点略过，可以参考：精读《Monore ......