# micro-app-vue-webpack

**Repository Path**: icactus/micro-app-vue-webpack

## Basic Information

- **Project Name**: micro-app-vue-webpack
- **Description**: vue、webpack版的microApp模板仓库
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-27
- **Last Updated**: 2022-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 开发前准备

推荐使用 `Node 14.20.0`

推荐使用 `yarn`

**如果是Apple系列芯片，请在项目启动/打包前执行 `yarn arch`**

**本地开发前，前往`vue.config.js`配置开发服务器，Proxy URL在`.env.development`中注册**

---

### 开发注意事项

已内置 `element-ui、vuex、axios、dayjs、js-cookie、lodash-es`，请勿重复添加`lodash、moment等相同功能库`

#### 全局文件
全局常量请在`src/constants`中声明

全局组件及element-ui请在`src/component/commonComponents.js`中注册，以便其他开发者明确使用了哪些组件

全局filter请在`src/filters`中注册，以便其他开发者梳理使用了哪些filter

全局样式请在`src/styles`中声明，并在`src/styles/index.scss`中引入

#### 按需加载
按需引入`element-ui`组件，参考`src/component/commonComponents.js`文件

按需引入`lodash-es`功能， `import { debounce } from 'lodash-es'`

#### 样式书写顺序
请查看`.stylelintrc`文件`order/properties-order` 属性

#### Vuex module
请查看
[Module](https://vuex.vuejs.org/zh/guide/modules.html)
[Namespace](https://vuex.vuejs.org/zh/guide/modules.html#%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4)

---

### 打包注意事项
`yarn build` 常规打包

`yarn build:report` 打包并启动`webpack-bundle-analyzer`进行体积分析


### 代码规范
#### fix
`yarn lint`
`yarn lint:js`
`yarn lint:css`


### 问题及建议
[企业微信文档](https://doc.weixin.qq.com/doc/w3_AZ4A4AYoAKQw1jJINJyQ90RguywlA?scode=ALMA3QcaABAWgmHQ4IAZ4A4AYoAKQ)

---