webpack配置基础[04]-搭建本地服务器

webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现浏览器的自动刷新和解决ajax无法使用的情况。

安装：

npm install webpack-dev-serve@2.9.3 --save-dev

配置：

/*
 * contentBase:string [所服务的文件夹]
 * port :int [端口号]
 * inline:boolean [页面实时刷新]
*/
model.exports = {
//...
  devServer:{
    contentBase:"./dist,
    port: 3000,
    inline: true
  }
}

我们可以另外配置一个scripts：

//--open参数表示直接打开浏览器
"dev": "webpack-dev-server --open"