上一篇我們講了一件事,那就是webpack的文件如何打包,使用命令還是使用配置文件,通過配置package.json文件将打包命令變得更簡單,最後打包命令可以簡略成npm start或者npm run build等。
那今天聊啥了? 衆所周知Webpack有兩大利器,那就是Loaders和Plugins,這篇不會涉及到這兩部分内容,為了能很好的用實例講清楚Loaders和Plugins的相關内容,今天先來搭好一個本地服務器。
開啟本地服務 為了方便查看我們的運行結果,需要搭建一個本地服務器,Webpack提供了一個可選的本地開發服務器,這個本地服務器基于node.js構建,可以實現我們想要的這些功能,不過它是一個單獨的組件,在Webpack中進行配置之前需要單獨安裝它作為項目依賴。
npm install --save-dev webpack-dev-server
再在package.json文件中加入命令行啟動項:
終端中輸入npm run dev啟動服務。現在就可以在浏覽器中訪問localhost:8080
總結: 今天我們學會了搭建一個簡易服務器,這樣接下來講解Webpack的Loaders和插件就會很方便。
全文若有講的不對的對方,歡迎留言指正,我會一一回複。
短内容,說完整事,哪怕隻讀一篇也能學知識。點擊關注,謝謝您的鼓勵!
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!