post-css 未从 node_modules 找到路径

我目前有一个 Angular 项目，我希望使用 purgecss 清除 css。

我已经一切正常，但是当我导入 node_modules 时，它很困难，因为它找不到位于 node_modules 文件夹中的路径。

我有当前的app.scss file

@import "@fortawesome/fontawesome-pro/scss/fontawesome";
@import "@fortawesome/fontawesome-pro/scss/regular";

@import "./_buttons";

按钮类实际上被称为_buttons.scss但由于某种原因 postcss 没有接受这个所以我必须定义_虽然我知道它可以在没有的情况下导入。

所以这是我想解决的第一个问题，如果可能的话，但第二个问题是，当导入 font Awesome 时，它​​找到 font Awesome 包，但找不到该文件variables查看该包后，我可以看到没有相对路径，它只是variables。由于这是一个包，有没有办法在 webpack 中缓解这个问题，以阻止这种情况的发生和构建失败？

这是我的webpack.config.js

const purgecss = require("@fullhuman/postcss-purgecss");

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        loader: "postcss-loader",
        options: {
          modules: true,
          importLoaders: 1,
          ident: "postcss",
          syntax: "postcss-scss",
          plugins: () => [
            require("postcss-import"),
            require("autoprefixer"),
            purgecss({
              content: ["./**/*.html"],
              whitelistPatterns: [/^cdk-|mat-/],
              defaultExtractor: content =>
                content.match(/[\w-/:]+(?<!:)/g) || []
            })
          ]
        }
      }
    ]
  }
};

我尝试过设置importLoaders: 1这似乎根本没有什么区别。

如何让 postcss 从文件根目录运行？即使没有./它在 fontawesome 包中使用，并且 postcss 识别scss文件，而不必显式地为所有内容添加前缀_

编辑（字体真棒错误）：

字体真棒.scss

@import 'variables';
@import 'mixins';
@import 'core';
@import 'larger';
@import 'fixed-width';
@import 'list';
@import 'bordered-pulled';
@import 'animated';
@import 'rotated-flipped';
@import 'stacked';
@import 'icons';
@import 'screen-reader';

错误：找不到“变量”

好吧，也许这可以帮助您，您应该在 webpack.config.js 中添加不同的路径，特别是在 purgeCss -> content 中。

content: [
    "./node_modules/name_package/**/**/*.{css,scss}"
]

我在生产中使用 NextJS 时遇到了同样的问题。