1. 程式人生 > >webpack 命令 前刪除 dist 目錄 重新生成

webpack 命令 前刪除 dist 目錄 重新生成

本文出自:

使用的是 package.json 內的 scripts(指令碼)

  • 正常我們的流程是:npm install
  • webpack
  • webpack-dev-server

但是webpack會導致資料夾越來越大, 上傳伺服器的時候不太方便

npm 內有一些預設的指令碼比如: install/build/start

根據npm生命週期(不懂的話看最下面引用),我們修改為

"scripts": {
        "prebuild": "rm -rf dist",
        "build": "webpack --progress --colors --hot",
        "postbuild"
: "echo \" delete dist and re webpack success\"", "start": "webpack-dev-server --progress --colors --inline --hot --history-api-fallback" },

刪除dist 資料夾,執行webpack

npm run build

webpack-dev-server 用下面命令代替

npm run start

具體請參考