webpack学习—— webpack-dev-server(2)常用命令参数

格式:空格 – 参数名
在这里插入图片描述
webpack-dev-server 常用命令参数:

  1. open:是否自动开启浏览器,默认:false,当设置为true,开启dev-server服务的时候,会自动在浏览器打开项目。
  2. port :端口号 默认:8080 可以单独设置服务器的端口号,如果默认的8080被占用的情况,这个配置就派的上用场啦。
  3. contentBase:定义开启服务器的文件夹,默认:当前项目根目录 一般来说不需要设置这个选项,除非你需要DevServer 来访问其他的静态文件夹。
  4. hot:该配置项是指模块替换功能,DevServer 默认行为是在发现源代码被更新后通过自动刷新整个页面来做到实时预览的,但是开启模块热替换功能后,它是通过在不刷新整个页面的情况下通过使用新模块替换旧模块来做到实时预览的。这么做的好处是,可以减少一些不必要的请求。

不使用热替换,会更新整个bundle.js文件。
在这里插入图片描述
当我们使用了之后,如果我们的文件被修改了,会新生成一个JSON文件和JS文件,而最开始的bundle.js文件并没有全部更新。
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值