yibase
v2.1.0
Published
vue3 + vite + yite-cli 基础项目开发模板
Downloads
8
Readme
yibase - (yite-cli + vue3)基础模板
基于 yite-cli驱动的 vite + vue3 项目基础开发模板
文档教程
请前往笔者网站 https://chensuiyi.me 查看 yite-cli
的使用文档。
自动导入
需要安装好以下依赖
- @arco-design/web-vue
- @arco-plugins/vite-vue
// yite.config.js 配置文件
import { vitePluginForArco } from '@arco-plugins/vite-vue';
export const yiteConfig = {
devtool: false,
// 自动导入解析
autoImport: {
resolvers: [
{
name: 'ArcoResolver',
options: {}
}
],
imports: [
{
'@arco-design/web-vue': [
//
'Message',
'Modal',
'Notification',
'Drawer'
]
}
]
},
// 自动组件解析
autoComponent: {
resolvers: [
{
name: 'ArcoResolver',
options: {
sideEffect: true
}
}
]
},
// webpack 配置
viteConfig: {
plugins: [
vitePluginForArco({
style: 'css'
})
],
optimizeDeps: {
include: [
//
'lodash-es',
'petite-vue-i18n',
'axios',
'@arco-design/web-vue'
]
}
}
};
需要安装好以下依赖
- element-plus
// yite.config.js 配置文件
export const yiteConfig = {
devtool: false,
// 自动导入解析
autoImport: {
resolvers: [
{
name: 'ElementPlusResolver',
options: {}
}
]
},
// 自动组件解析
autoComponent: {
resolvers: [
{
name: 'ElementPlusResolver',
options: {}
}
]
},
// webpack 配置
viteConfig: {
optimizeDeps: {
include: [
//
'lodash-es',
'petite-vue-i18n',
'axios',
'element-plus',
'element-plus/es'
]
}
}
};