Как импортировать ** / * glob scss в Rails с помощью webpacker - PullRequest
Новая
       8

Как импортировать ** / * glob scss в Rails с помощью webpacker

0 голосов
/ 04 января 2019

Я использую приложение Rails 5.2 и у меня есть файл application.scss, заполненный отдельными импортами 

@import '../stylesheets/pages/home';
@import '../stylesheets/pages/product_details';
@import '../stylesheets/pages/cart';
@import '../stylesheets/pages/downloads';

Это трудоемко и подвержено ошибкам, поэтому я бы предпочел использовать globbing 

@import '../stylesheets/components/*';

Однако это не удалось. Когда я запускаю bin/webpack, я получаю следующую ошибку: 

ERROR in ./app/webpacker/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/lib/loader.js??ref--7-3!./app/webpacker/stylesheets/application.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import '../stylesheets/components/*';
^
File to import not found or unreadable: ../stylesheets/components/*.

1 Ответ

0 голосов
/ 05 апреля 2019

Если вы не используете какой-либо плагин для включения импорта глобусов , SASS или SCSS не поддерживает импорт глобусов.

В вопросах порядка импорта SASS или SCSS вы должны быть явным об этом или иметь неопределенные переменные или миксины.

Нет встроенной функции, чтобы делать то, что вы хотите. Вы либо трансформируете свой файл в .erb и зацикливаетесь, либо выполняете магию JS для импорта всех файлов.

...