webpack入門筆記——package.json管理

package.json 是專案配置檔案，用於快速還原專案環境

當託管程式碼時，不會把整個node_modules資料夾上傳上去，否則太慢了（以萬為單位的檔案數量），只需要把package.json上傳即可

再次配置環境時，直接 cnmp install 即可重新生成所有依賴，一下是注意的配置項

配置項

scripts

配置指令碼命令

語法

"scripts": {
    "name":"執行指令碼"
}
複製程式碼

比如：

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
}
複製程式碼

使用：

npm run test
複製程式碼

devDependencies & dependencies

devDependencies 專案執行開發需要的依賴包，安裝時使用 --save-dev 命令的都會儲存在這

dependencies 生產時的需要的依賴包，安裝時使用 --save 命令的都會儲存在這

main

釋出後，載入的入口檔案

private

設為true，表明是私有的，避免不小心把自己的專案發不了，一般開發時保險起見，如下設定

"private": true,
//刪除入口，註釋報錯
//"main": "index.js" 
複製程式碼

設定為私有，並註釋入口

sideEffects

webpack中的 tree shaking 用來減少無用的export程式碼，需要在此檔案配置

"sideEffects": false
複製程式碼

或者配置，不進行刪減的檔案，尤其是css

"sideEffects": [ 
    "./src/some-side-effectful-file.js",
    "*.css"
]
複製程式碼