3、搭建本地伺服器
為什麼要搭建本地伺服器？
一直以來，我們寫好程式碼和配置檔案後想測試得時候都是在終端輸入npm run build把檔案打包進dist資料夾，
然後再在dist裡找到index.html開啟檢視測試，每一次都這樣做，開發效率會非常低。
其實我們可以搭建一個本地伺服器，這個伺服器是基於node.js搭建，內部使用express框架，這個框架可以用於服務某個資料夾，
比如服務於dist資料夾，那麼之後它們會實時的監聽現在的程式碼有沒有發生改變，一旦發生改變，它就會對所有改變的程式碼重新進行編譯，
重新編譯後它並不會生成磁盤裡dist目錄下的檔案，它會把程式碼生成新的讓我們執行的東西，並不放在磁盤裡，而是放在記憶體裡讓我們進行測試，
因為記憶體的讀取速度遠大於磁碟的讀取，快取到記憶體裡，我們在瀏覽器進行測試的時候，讀取的index.html,js,css檔案都是從記憶體進行讀取
當我們最終釋出的時候，最終可能只要執行一次npm run build，再把dist資料夾釋出到伺服器上面。
終端輸入：npm install [email protected] --save-dev
 

在webpack.config.js的module.exports裡寫：
  devServer:{
    contentBase:'./dist',//表示本地伺服器服務於dist資料夾
    inline:true//實時監聽
  }
在終端輸入webpack-dev-server,然後得到報錯webpack-dev-server不是內部或者外部命令
為什麼呢？因為我們並沒有在全部安裝webpack-dev-server -g,-g是全域性的意思。
那麼我們就在node_modules包下面bin下面找到webpack-dev-server指令，跑這個指令。
或者在package.json裡scripts裡寫上
"dev": "webpack-dev-server"
 

它跑起來會優先在本地找安裝好的webpack
然後在終端裡輸入npm run dev
這一次就可以了