post- css не находит пути из node_modules - PullRequest
0 голосов
/ 13 февраля 2020

У меня в настоящее время есть проект Angular, который я ищу для очистки css с использованием purge css.

У меня все работает, но когда я импортирую node_modules, он изо всех сил, так как он не может найти пути, которые находятся в папке node_modules.

У меня есть текущий app.scss файл

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

@import "./_buttons";

Класс кнопок на самом деле называется _buttons.scss, но по какой-то причине сообщение css не подхватывает это, поэтому я должен определить _, хотя я знаю, что он может быть импортирован без.

Так что это первая проблема, которую я хотел бы исправить, если это возможно, но вторая проблема заключается в том, что при импорте Шрифт awesome, он находит пакет font awesome, но не может найти файл variables. После того, как я посмотрел пакет, я вижу, что нет относительного пути, и это просто variables. Поскольку это пакет, есть ли способ смягчить эту проблему в веб-пакете, чтобы предотвратить это и сборку от сбоя?

Вот мой 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, который, кажется, не имел никакого значения.

Как мне заставить post css запускаться из каталога files root? Даже без ./, который используется в пакете fontawesome, а также сообщения css, распознающего файл scss, без необходимости явно префиксировать все с помощью _

Edit (шрифт удивительная ошибка):

fontawesome.s css

@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';

Ошибка: не удалось найти «переменные»

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...