sass 本地导入不调用 Webpack 加载程序

Question

我正在开发一个 webpack 加载程序，它应该以某种方式修改 sass 文件的内容。问题是这个加载器没有被调用，除非我在 JS 中导入 sass 文件所以

✅ 这将触发加载器调用

File.js

import 'file.scss';

❌ 这不会触发加载程序

File.scss

@import './file';

Sass-loader 是否在内部处理这些导入？有没有办法实现我正在尝试做的事情，也许使用插件？

注意：-修改应该在导入模块时完成，因为我要传递这样的查询字符串

@import './file?doTheModification=true';

Answer 1

事实证明，webpack 只处理第一级导入（JS 文件中的导入），sass 文件中的任何 @import 都在 sass 编译器本身中处理，但它确实使用 webpack 的文件解析器模块

Webpack loader isn't called with sass local imports