vite
vite2 文档
- vite中文网
- vite config
- vitepress
- Vue3 配置文件vite.config.js
- vite.config.js 相关配置
- vite 配置
- Vue 2 项目如何快速接入 Vite 作为开发工具
- script setup
- vite.config.ts文件常用配置
- Vite的常用配置vite.config.js
vite 初始化项目
vite-app 这个包有问题
#这个的包有问题
yarn create vite-app 项目名称
- npm
- yarn
npm init @vitejs/app 项目名称
npm init @vitejs/app 项目名称 --template vue
npm init @vitejs/app 项目名称 --template vue-ts
# yarn create vite-app 项目名称
yarn create @vitejs/app 项目名称
yarn create @vitejs/app 项目名称 --template vue
yarn create @vitejs/app 项目名称 --template vue-ts
会让你选择 vue 或者 vue-ts react等
如果不输入项目名称，如：yarn create @vitejs/app ，会让你填写 项目名称 和 选择项目要使用的框架
vite 插件使用
按需加载
npm install vite-plugin-babel-import --save-dev
- vite-config.js
import { defineConfig } from 'vite'
import vitePluginBabelImport from 'vite-plugin-babel-import'
export default defineConfig({
plugins:[
vitePluginBabelImport([{
libraryName: 'element-plus',
librayDirectory: 'es',
style(name) {
return `element-plus/lib/theme-chalk/${name}.css`;
}
}])
]
})
- vite-plugin-babel-import
- [打包上次oss] vite-plugin-assets-uploader