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指令即可分別執行開發和生產構建打包了。