使用腳本整合指定文件/文件夾，執行定製化 ESLint 命令

背景

最近面對一個龐大的項目，但是隻需要修改某個模塊，每次都手搓命令太麻煩了，於是就想着能不能寫個腳本來輔助處理這些事情。

解決方案

定製化一鍵 ESLint，執行文件下載地址：

https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0

基礎使用

以下案例以 macOS 爲例，其他系統自行替換對應的文件。

案例 1：指定文件 file1.js 和 file2.js，使用默認的配置。

#!/bin/bash
./eslint-files-mac-darwin-amd64 -files="file1.js,file2.js"

案例 2：指定文件夾 src/views 和 src/components。

#!/bin/bash
./eslint-files-mac-darwin-amd64 -folders="/root/app/src/views,/root/app/src/components"

配合根目錄 root 使用指定文件夾：

#!/bin/bash
./eslint-files-mac-darwin-amd64 \
  -folders="src/views,src/components" \
  -root="/root/app/"

案例 3：指定 ESLint 配置文件 custom.eslintrc.js 和命令 --fix。

#!/bin/bash
./eslint-files-mac-darwin-amd64 \
  -folders="/root/app/src/views" \
  -esConf="custom.eslintrc.js" \
  -esCom="--fix"

複雜場景

1. 指定 ESLint 配置文件 custom.eslintrc.js；
2. 指定附帶命令 --fix；
3. 指定文件和文件夾；
4. 指定文件後綴；
5. 添加前置和後置執行命令。

#!/bin/bash
./eslint-files-mac-darwin-amd64 \
  -files="file1.js,file2.js" \
  -folders="src/views,src/components" \
  -root="/root/app/" \
  -esConf="custom.eslintrc.js" \
  -esCom="--fix" \
  -ext=".js,.ts,.jsx,.vue,.tsx" \
  -befCom="echo 'Starting format';" \
  -aftCom="echo 'Format completed';"

參數說明

參數	說明	默認	示例	是否必須
files	指定文件，多個文件用 , 分隔。	-	file1.js,file2.js	可選
folders	指定文件夾，多個文件夾用 , 分隔。	-	src/views,src/components	可選
esConf	指定 ESLint 配置文件。	-	custom.eslintrc.js	可選
esCom	指定附帶命令。	-	--fix	可選
root	指定根目錄，配合 folders 使用。	-	/root/app/	可選
ext	指定文件後綴。	.js	.js,.ts,.jsx,.vue	可選
befCom	指定前置執行命令。	-	echo 'Starting format';	可選
aftCom	指定後置執行命令。	-	echo 'Format completed';	可選
filesRang	指定文件範圍，統計處理過和未處理的文件。	-	/root/app/	可選

演示效果

項目地址

該腳本使用 Go 語言開發，訪問地址：

https://github.com/mazeyqian/go-gin-gee/tree/main/scripts/eslint-files

版權聲明

本博客所有的原創文章，作者皆保留版權。轉載必須包含本聲明，保持本文完整，並以超鏈接形式註明作者後除和本文原始地址：https://blog.mazey.net/4207.html

（完）