У меня в настоящее время есть проект 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';
Ошибка: не удалось найти «переменные»