webpack如何实现监听文件-创新互联

webpack如何实现监听文件?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

成都创新互联公司专注于网站建设|网页维护|优化|托管以及网络推广,积累了大量的网站设计与制作经验,为许多企业提供了网站定制设计服务,案例作品覆盖办公窗帘等行业。能根据企业所处的行业与销售的产品,结合品牌形象的塑造,量身定制品质网站。

webpack 开启监听模式,有两种方式:

1.启动 webpack 命令时,带上 --watch 参数。
 唯一缺点:需要手动刷新才能看到变化;

2.在配置 webpack.config.js 中设置 watch: true。
 优点:
(1) WDS 不刷新浏览器
(2) WDS 不输出文件,⽽是放在内存中
(3) 使⽤用 HotModuleReplacementPlugin 插件

1 第一种方式, --watch

1.1 配置package.json

{
 // ...
 "scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "build": "webpack",
  "watch": "webpack --watch" // 新增配置
 }
 // ...
}

分享标题:webpack如何实现监听文件-创新互联
转载来源:http://bzwzjz.com/article/dgghes.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站建设 成都网站设计 成都网站建设流程 成都品牌网站建设 网站设计 成都网站建设 网站建设开发 成都网站建设公司 重庆网站建设 成都网站建设 网站设计 手机网站建设套餐 手机网站制作设计 成都网站设计 手机网站制作 成都网站设计 成都响应式网站建设 网站制作 网站设计制作报价 网站制作报价 app网站建设 成都响应式网站建设