3.webpack-server

配置webpack-server

安装依赖
cnpm i webpack-dev-server -S

//webpack.config.js
const config ={
    ...
    devServer:{
        contentBase:"./dist",
        port:8000,          // 设置端口号
        host:"localhost",   // 设置主地址
        overlay:{           // 将报错显示在页面上
            errors:true
        }
    }
}

//配置package.json
"scripts": {
    ...
    "serve":"webpack serve --open"
  }

实现错误追踪

const config =  {
  ...
  devtool: 'inline-source-map'  //错误追踪
  ...
}

运行
npm run serve