相关疑难解决方法(0)

post-css 未从 node_modules 找到路径

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

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

我有当前app.scss文件

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

@import "./_buttons";
Run Code Online (Sandbox Code Playgroud)

按钮类实际上被调用了_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 …
Run Code Online (Sandbox Code Playgroud)

css sass webpack

7
推荐指数
1
解决办法
7084
查看次数

标签 统计

css ×1

sass ×1

webpack ×1