1-2 配置webpack-server

1-1 配置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"
  }

// 运行
npm run serve

1-2 实现错误追踪

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