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