前言

最近整改公司项目，升级所有的项目依赖到最新，发现很多工具没法使用，而且monorepo项目弄得很臃肿，重新探讨一种方案来实现。

会从多个角度来整理包括vite、tsconfig、eslint、preitter、stylelint、tailwind来整理。同时整理common模块的打包

项目结构规划

app
    app1
        package.json
    app2
        package.json
    app3
        package.json
    common
        components
        utils

vite 打包

eslint

命令行

默认当前执行目录中寻找配置文件、找不到往父级目录循环查找。

vscode插件

对每个文件就近查找配置文件，如果能找到（不管配置文件是否忽略该文件）使用该配置文件。如果找不到依次向上查找

monorepo中配置

如果全部项目都使用同一套规则，则配置在最外层，如果部分项目单独使用，单独配置即可。全局配置需要注意尽可能覆盖所有需要检查的文件。

stylelint

命令行

npx stylelint "/*.ts"** glob 模式需要引号包裹。对每个文件会单独使用最近的配置文件

vscode集成

对每个文件会单独使用最近的配置文件

prettier

命令行使用

npx prettier . --check 对每个文件会单独使用最近的配置文件

vscode集成

会依次按照项目中.prettierrc editorConfig vscode-setting配置，配置查询规则同上。

配合eslint

使用eslint-config-prettier 并且关闭prettier/prettier

配合stylelint

stylelint15之前 使用stylelint-config-prettier，v15之后不需要管，stylelint已经删除了所有与prettier冲突的选项。

lint-staged