前端專案通常都會有 Webpack、ESLint、Prettier、Browserslist 等設定，當專案開始大量增加時，這些重複的設定會散落在各個專案，導致後續維護和修改的困難。本專案集合這些通用的設定並發布成 npm package 使用，增強各專案一致性，減少後續維護成本。
Install npm package:
npm install @galtz-library/eslint-config --save-dev於專案根目錄下新增 .eslintrc：
{
"extends": ["@galtz-library/eslint-config/lib/react"]
}有兩種 ESLint config 可供選擇：
Install npm package:
npm install @galtz-library/prettier-config --save-dev於專案根目錄下新增 .prettierrc：
"@galtz-library/prettier-config"
詳細規則在 ./packages/prettier-config/index.js。
Install npm package:
npm install @galtz-library/browserslist-config --save-dev於專案根目錄下新增 .browserslistrc：
extends @galtz-library/browserslist-config
詳細規則在 ./packages/browserslist-config/index.js。
- 執行
npm run bootstrap安裝 dependencies。 - 開啟 branch 進行開發，branch 名稱使用
build|ci|docs|feat|fix|perf|refactor|test開頭並加上斜線/，例如：feat/add-react-eslint-config。 - 修改程式並 commit，commit message 遵守 Angular Convention。
- 執行
npm run release， Lerna 會為修改過的 package 進版，接著 commit、上 tag、產生 changelog。 - Push 至 Github，手動發起 pull request。
- 自動觸發 Github Actions 的 test job，運行腳本確認程式碼品質正常後手動 merge 進 master branch。
- 自動觸發 Github Actions 的 publish job，運行腳本確認程式碼品質正常後自動發布至 npm。
參考我的 Blog 文章：用 Lerna 管理共同前端設定，並透過 Github Actions 自動發布至 npm。
Depfu 會在 npm packages 有新版本時發出 PR 且列出 changelog，方便我們進行例行性套件升級。
