美文网首页
webpack配置基础[04]-搭建本地服务器

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

作者: 神楽花菜 | 来源:发表于2019-11-16 15:20 被阅读0次

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"

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/afsyictx.html