當 npm script 過多或者變得復雜時,會導致 package.json 混亂,可讀性差等問題。
我們可以借助 scripty 將 npm script 剝離到單獨的文件中,從而把復雜性隔到單獨的模塊里面,讓代碼整體看起來更加清晰。
Install
npm install scripty --save-dev
Usage
例如:我們的package.json改為這種格式
"scripts": {
"client:dev": "scripty",
"client:prod": "scripty",
"client:server": "scripty",
}
- 在項目目錄下創建一個scripts目錄,在里邊創建client目錄,在client中創建dev.sh,server.sh,prod.sh腳本
例如:dev.sh : webpack --mode development
- 運行 “npm run client:dev” 就會自動執行dev.sh腳本,即執行“webpack --mode development”
Windows:
由于sh文件在windows中無法直接運行,所以按照上面的方式在windows中使用scripty可能會報錯。
所以,在Windows環境下創建scripts-win目錄,將.sh文件改為.bat文件,其余同上