webpack自動化構建腳本指令npm run dev/build

指令

為不同環境配置可執行指令，我們使用npm scripts方式，在package.json文件中配置執行指令：

{"scripts": {"start": "cross-env NODE_ENV=dev webpack-dev-server","build": "cross-env NODE_ENV=production webpack"}
}

• start：開發環境運行指令，使用cross-env三方庫設置process.env.NODE_ENV為dev，并在本地開啟webpack開放服務器，方便開放；
• build：生產環境運行指令，使用cross-env三方庫設置process.env.NODE_ENV為production，將打包輸出代碼和資源文件；

分別執行npm run?start和npm run?build指令即可分別執行開發和生產構建打包了。