當(dāng)我們使用npm來管理項目的時候衣吠,會生成一個package.json文件。
這個文件就是用來描述整個項目的情況的紊搪。其中有一個script的對象贪嫂,這里面會存放一些可執(zhí)行的腳本命令。如 npm run build npm run dev 等等祠够。具體的內(nèi)容如下
image.png
對象的鍵名就是npm run xxx 而其對應(yīng)的值就是可被執(zhí)行的腳本压汪。
在我們執(zhí)行npm run dev的時候首先他會去到node_modules下的.bin文件夾下找到對應(yīng)的可執(zhí)行腳本。
比如我們執(zhí)行npm run dev 古瓤,這里dev對應(yīng)的是vite止剖。那么他就回去.bin文件夾下找到名為vite的腳本文件
image.png
vite文件內(nèi)容
image.png
image.png
當(dāng)我們npm install的時候穿香,npm 讀到該配置后,就將該文件軟鏈接到 ./node_modules/.bin 目錄下绎速,而 npm 還會自動把node_modules/.bin加入$PATH皮获,這樣就可以直接作為命令運行依賴程序和開發(fā)依賴程序,不用全局安裝了朝氓。
假如我們在安裝包時魔市,使用 npm install -g xxx 來安裝,那么會將其中的 bin 文件加入到全局赵哲,比如 create-react-app 和 vue-cli 待德,在全局安裝后,就可以直接使用如 vue-cli projectName 這樣的命令來創(chuàng)建項目了