An open API service indexing awesome lists of open source software.

https://github.com/chenbimo/yibase

基于yite-cli + vue3 的基础项目模板
https://github.com/chenbimo/yibase

Last synced: 4 months ago
JSON representation

基于yite-cli + vue3 的基础项目模板

Awesome Lists containing this project

README

          

## yibase - (yite-cli + vue3)基础模板

基于 yite-cli驱动的 vite + vue3 项目基础开发模板

### 文档教程

请前往笔者网站 [https://chensuiyi.me](https://chensuiyi.me) 查看 `yite-cli` 的使用文档。

### 自动导入

arco-design-vue

需要安装好以下依赖

- @arco-design/web-vue
- @arco-plugins/vite-vue

```javascript
// 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

需要安装好以下依赖

- element-plus

```javascript
// 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'
]
}
}
};
```