webpack4使用笔记之devServer

栏目: JavaScript · 发布时间: 6年前

devServer

  • devServer需要 webpack-dev-server 配合使用,借助webpack-dev-server快速启动一个 静态服务
 host::指定 ip 或域名
 port 指定端口
 contentBase:指定根目录
 open:是否自动打开浏览器
 hot:是否启用热替换
 disableHostCheck:禁用 host 检查
 proxy:代理请求
 before:自定义中间件
"scripts": {
    "dev": "webpack-dev-server --mode development"
}
  • 当 mode为 development 并且启用 HotModuleReplacementPlugin 插件时,会具备 hot reload` 的功能。即当源码文件变化时,会即时更新当前页面,以便看到最新的效果。
  • HotModuleReplacementPlugin

    • 启用热替换模块(Hot Module Replacement),也被称为 HMR
...
devServer: {
    host: '127.0.0.1',  // 指定 ip 或域名
    port: 80, 
    contentBase: path.join(__dirname, 'dist'), // 指定根目录
    open: true,  // 否自动打开浏览器
    hot: true,   // 是否启用热替换
    disableHostCheck: true, // 禁用 host 检查
    proxy: {},
    before () {} // 自定义中间件
},
plugins: {
    new webpack.HotModuleReplacementPlugin({
      // Options...
    })
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

颠覆营销

颠覆营销

陈杰豪、车品觉 / 中信出版社 / 2016-2 / 49.00元

对于大数据未来趋势的判断 车品觉 光阴荏苒,2015年在跌跌荡荡中成了过去式,对于大数据的产业来说过去这一年冒出了很多新的名词。但在我看来,真正的大数据应用和市场才刚刚开始萌芽,所以我希望大家先认清一个关键,那就是所有的数据都是基于应用而产生,而数据经过釆集及整合后又再落实到自身或其他应用情境中,大数据的创新价值可以来自新连接的数据、算法或者产品本身。 过去两年大数据的成长和智能......一起来看看 《颠覆营销》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

MD5 加密
MD5 加密

MD5 加密工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器