问题标签 [webpack-watch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
270 浏览

typescript - 为什么 webpack --watch 会在不相关的文件上调用我的自定义加载器?

我有一个简单的自定义 Webpack 加载器,它从文件生成 TypeScript 代码.txt

txt-loader.js

在现实生活中,我正在对输入进行一些解析;在此示例中,假设文件必须包含Hello有效的文本。

这个加载器让我可以像这样导入文本文件:

索引.ts

这一切都很好,除了一件事:(webpack watch和它的表亲webpack serve)。第一次编译很好:

但后来我更改了hello.txt文件:

突然奇怪的事情发生了:

似乎 Webpack 决定在我的加载器中抛出比配置中指定的更多的文件。

如果我删除加载程序中抛出的异常并返回一些任意有效的 TypeScript 代码,生成main.js的代码看起来完全一样。所以看起来这些额外的操作是完全多余的。但我不认为正确的解决方案是让我的装载机吞下这些异常。

加载器配置如下:

webpack.config.js

最后,这些是将它们放在一起的必要位:

自定义.d.ts

tsconfig.json

包.json

对于那些想在家尝试的人,克隆这个最小的复制项目

这是 Webpack 中的错误吗?在 ts-loader 中?在我的配置中?

0 投票
0 回答
32 浏览

webpack - 监视期间 Webpack/Mix 不忽略目录

我正在开发一个 Laravel 项目,因此不直接使用 Webpack 而是使用 Mix,最近我遇到了ENOSPC: System limit for number of file watchers reached错误。

上网查了一下,发现Webpack/Mix默认是不会忽略node_modules目录的(为什么?),所以决定把它加入忽略列表。

查看 Laravel Mix文档和 Webpack文档,我将我的更新webpack.mix.js如下:

但这只是从目录中移动了错误node_modulesresources/images因此尝试以多种方式添加它,但仍然在图像文件上出现错误:

错误:

我错过了什么?