webpack-dev-serve搭建本地服務器


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 參數表示直接打開瀏覽器

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM