# smalltools

**Repository Path**: SmallYangY/smalltools

## Basic Information

- **Project Name**: smalltools
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-01-19
- **Last Updated**: 2024-04-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 业务用各种小工具
> 为了解决运营的问题

## 工程化

已集成下列工程化

1. eslint 校验代码规范
2. stylelint 校验样式规范
3. husky 提交钩子
4. commitizen 提交规范
5. commitlint 校验提交规范

- 提交规范

安装
```bash
git config commit.template ./git-commit-template
```

```
feat: 新功能（feature）
fix: 修补bug
docs: 文档（documentation）
style: 格式（不影响代码运行的变动）
refactor: 重构（即不是新增功能，也不是修改bug的代码变动）
test: 增加测试
revert: 回滚
config: 构建过程或辅助工具的变动
chore: 其他改动
```

## 使用antd-vue

[文档](https://next.antdv.com/docs/vue/introduce-cn)

安装

```
yarn add ant-design-vue@next
```

使用

main.js

```js
import 'ant-design-vue/dist/antd.css';
// 全局引入
import Antd from 'ant-design-vue';

.use(Antd)
```

## 遇到的问题记录
### 【解决】vite不支持commonjs语法

安装插件

```shell
yarn add @originjs/vite-plugin-commonjs -D
```

vite.config.js

```javascript
import { viteCommonjs } from '@originjs/vite-plugin-commonjs';

export default defineConfig({
    // ...
    plugins: [
        // 解决dev环境commonjs无法识别的问题
        viteCommonjs(),
        vue(),
    ],
    build: {
        commonjsOptions: {
            // 解决打包commonjs无法识别的问题
            transformMixedEsModules: true,
        },
    },
});
```

若build时报错，尝试将引入的地方改为`require()`的形式引入