webpack提供了一個本地服務器,這個服務器基於node.js搭建,內部使用express框架,可以實現我們想要瀏覽器自動刷新顯示我們修改后的結果。
安裝
npm install webpack-dev-server@2.9.3 --save-dev
修改配置
在webpack.config.js里面添加devServer。在devServer里面添加一些屬性
contentBase:為哪一個文件夾提供本地服務,默認是跟文件夾,我們這里寫./dist
inline:頁面是否實時刷新
port:指定端口號,不寫這個屬性默認是8080
historyApiFallback:在SPA頁面中,添加HTML5的history模式
啟動這個服務 webpack-dev-server 但在命令行執行會默認取全局找,但是我們是安裝在局部的。所以我們在script里面指定,就可以執行
這里我們可以在后面加 --open 參數表示直接打開瀏覽器