配置webpack-server

目的:为了查看代码运行时的效果。

cnpm i webpack-dev-server -S

const config ={
    ...
    devServer:{
        contentBase:"./dist",
        port:8000,//换端口
        overlay:{
            errors:true
        } //可以将报道显示到页面上
    }
}

配置package.json

"scripts": {
    ...
    "serve":"webpack serve --open"
  }

运行

npm run serve