學習webpack3.x過程中遇到的問題：webpack-dev-server

這篇博客主要記錄的是本人在學習webpack3.x的過程中遇到的問題（雖然這幾天4.0剛出來，但是我還是先學一下3.x吧）

1、配置文件可以用webpack啟服務和熱更新，步驟如下：

　　① 先下載：webpack-dev-server

cnpm install webpack-dev-server --save-dev

　　② 配置webpack.config.js

module.exports = {
    // 配置入口文件
    entry:{},
    // 配置出口文件
    output:{},
    // 配置模塊：主要是解析css和圖片轉換壓縮等功能
    module:{},
    // 配置插件
    plugins:[],
    // 配置開發服務功能  
    devServer:{
        // 設置基本目錄結構
        contentBase:path.resolve(__dirname,'dist'),
       // 設置服務器的IP地址，可以使用IP地址，也可以使用localhost
        host:'localhost',
       // 服務端壓縮是否開啟
        compress:true,
       // 配置服務端口哈
       port:2018
    }          
}    

　　③ 修改package.json文件

"scripts": {
    "server": "webpack-dev-server"   //修改這個位置
  },

　　④ 打開終端：win+R，cmd，切換到項目目錄下，運行：npm run server

npm run server

　　遇到的問題如下：

　　* 問題說明：我當前用的webpack是3.6.0版本的，下載的webpack-dev-server是3.1.0版本的（此時的最新版本），就是因為這個版本過高所以才引出了這個問題，解決辦法就是重新下載一個低版本的webpack-dev-server，我下載的是2.8.2版本的

cnpm i -D webpack-dev-server@2.8.2