webpack-dev-server開發模式

webpack-dev-server是僅用于項目的開發過程中的一種模式，它的底層借助webpack-dev-middleware中間件利用緩存對webpack管理的靜态資源進行快速通路，更夠在靜态資源更新後自動重載以提高開發效率。并且，在該模式下，可以使用頁面展示開發中的效果及錯誤提示。

安裝

npm i webpack-dev-server

使用

在npm的package.json的scripts字段中加入以下代碼：

"dev": "webpack-dev-server"

或

"dev": "webpack-dev-server --config webpack.config.js"

預設加載的配置檔案名是webpack.config.js。

另外，使用vue-cli進行項目建構時預設使用的是webpack.config.js。