javascript - Webpack 监视文件更改并触发其他文件的加载器

Question

我正在寻找一种方法来监视文件（精确的 sass 文件）的更改并使用 webpack 在其他文件（js 文件）上执行加载程序。

目标是检测 sass 更改并使用 babel-loader 重新编译所有 javascript 文件，因为它们可能会通过 styled-jsx 插件导入。

我陷入了“加载器”的概念，在测试 /.scss$/ 时无法弄清楚如何获取其他文件

标签： javascriptwebpackbabel-loader

Answer 1

您需要.scss在其中一个文件下导入.js文件，以便 webpack 实际获取更改。

然后，您配置的所有加载程序将根据它们应该定位的文件类型自动应用。