не найден файл s css при использовании стиля в angular - PullRequest
Новая
       5

не найден файл s css при использовании стиля в angular

1 голос
/ 06 мая 2020

Я хочу использовать стиль angular для короткого адреса в файлах s css.

Я использую стиль таким образом:

Я создаю папку в папке src и помещаю в нее стиль:

image

и i go к angular-cli.json, и я добавляю это:

Image 2

       "stylePreprocessorOptions": {
          "includePaths": [
            "src",
            "src/stylings/",
            "src/stylings/base/",
            "src/stylings/kt-customs/"
          ]
        },

и мне нужно используйте это в style.css следующим образом: 

    @import "custom-form";
@import "custom-buttons";
@import "custom-table";
@import "custom-filter";
@import "kt-customise";

но он показывает мне эту ошибку:

> ERROR in ./src/styles.scss (./node_modules /@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src ?? встроенный! ./ node_modules / sass-loader / dist / cjs. js ?? ref - 13-3! ./ node_modules / post css -loader / sr c? ? post css! ./ node_modules / sass-loader / dist / cjs. js ?? ref - 17-1! ./ src / styles.s css) Ошибка сборки модуля ( from ./node_modules/sass-loader/dist/cjs.js): SassError: Не удается найти таблицу стилей для импорта. ╷ 9 │ @import "нестандартная форма"; │ ^^^^^^^^^^^^^ ╵ E: \ MyProject \ Ava \ PFA \ demo \ src \ styles.s css 9: 9 root таблица стилей

как я могу решить эту проблему ????

1 Ответ

0 голосов
/ 06 мая 2020

Я думаю, что пути импорта, которые вы используете в своем style.scss, неверны. Это должно быть: 

@import "./stylings/custom-form";
@import "./stylings/custom-buttons";
@import "./stylings/custom-table";
@import "./stylings/custom-filter";
@import "./stylings/kt-customise";

Возможно, вы захотите изменить свои scss файлы на файлы s css partials. То есть переименование ваших scss файлов и в ваши импортированные файлы с начальным подчеркиванием. например, _custom-form.scss.

Отдельные файлы scss преобразуются в отдельные файлы css. Каждый @import в файле css создает HTTP-запрос. Это означает, что больше css файлов = больше HTTP-запросов. Импорт частичных файлов приведет к меньшему количеству css файлов и, следовательно, меньшему количеству HTTP-запросов. Вы можете прочитать больше о partials здесь: SASS Partials .

...