Вопросы по теме 'sass-loader'

Разрешить относительный путь от node_modules к папке Dist с помощью Webpack
Я использую компонент React как пакет NPM. в компоненте у меня есть файл SCSS с URL-адресом (../ iamges / img ..), но на самом деле папка изображений, расположенная в папке Dist, как я могу указать Webpack, чтобы взять относительный путь из...
1847 просмотров

Webpack: создание нескольких файлов css из одних и тех же источников
Я пытаюсь сгенерировать 2 разных файла CSS из одних и тех же источников SCSS с помощью webpack 2, чтобы иметь альтернативные таблицы стилей без дублирования кода. Я успешно сгенерировал оба листа отдельно, закомментировав один, но не могу понять, как...
948 просмотров
schedule 19.03.2022

Могу ли я избежать дублирования стилей с компонентами Vue.js?
Я новичок в Vue (и в концепции компонентов с одним файлом) и не уверен, как компилируется CSS при создании моего приложения. У меня есть библиотека шаблонов, в которой все SCSS скомпилированы для моего проекта, поэтому я хочу добавить ее в свои...
3009 просмотров
schedule 30.03.2022

sass-loader webpack не разрешает URL-адреса
Хотя файлы css разрешаются нормально, в scss они просто не разрешаются. Кто-нибудь знает решение? Sass-loader говорит мне использовать «resolve-url-loader», но я не могу заставить его работать. Я пытаюсь добавить отличный шрифт. Если я использую...
874 просмотров
schedule 18.04.2022

Webpack sass для css указывает конкретную папку?
Я просматривал документы и проверял вопросы других людей, но я не могу найти простой ответ на то, как скомпилировать весь мой sass в простой файл css и указать каталог, в который я хочу вывести результирующий файл css. Для краткого контекста: у...
5917 просмотров
schedule 12.07.2022

Webpack 2: исключить запись css из результата
Я хочу скомпилировать scss и js с помощью webpack. Однако, пока я использую его с Symfony 3, где только некоторые страницы внешнего интерфейса используют компоненты javascript, я хочу скомпилировать css в отдельный файл и использовать старомодный...
685 просмотров

sass-loader не работает с webpack + react + grommet
Я пытаюсь начать работу с Webpack и Grommet, работая вместе. Я следую этому руководству: https://github.com/grommet/grommet-standalone но я получаю следующую ошибку: ERROR in ./src/app/index.js Module not found: Error: Can't resolve...
781 просмотров
schedule 04.08.2022

scss @include [mixin] с использованием синтаксиса ([аргументы]), не распознаваемого в проекте реагирования
Следуя документации по sass на https://sass-lang.com/documentation/at-rules/mixin#passing-arguments-to-content-blocks , я решил создать миксин, который берет блок контента и динамически изменяет его с помощью медиа-запросов, а также предоставляет...
239 просмотров

Webpack ExtractTextPlugin выдает ошибку при загрузке Sass
Пытаюсь добавить sass-loader в конфигурацию моего веб-пакета и получаю ошибку: 70% 1/1 build modules/Users/a557789/Documents/f/Portal/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81 r.forEach(function(r) { ^...
2789 просмотров
schedule 08.04.2023

Как предварительно загрузить пользовательские утилиты SASS (переменные и миксины) с помощью веб-пакета
Я загружаю свои утилиты и активы в base.scss вот так @import "_variables"; @import "_mixins"; ... У меня есть тонны модулей в моем приложении, и мы делаем так много изменений в этих модулях. поэтому импорт base.scss в заголовке каждого...
2014 просмотров
schedule 01.07.2023

Как использовать HMR с загрузкой в ​​стиле SASS и ng2?
Изменения в моих файлах SCSS при правильной загрузке на страницу приводят к полной перезагрузке страницы, а не к HMR для css (горячая замена модуля измененной таблицы стилей). Как заставить HMR работать с Angular2? Применимая конфигурация...
602 просмотров

React-шаблона + grommet, что делает sass работать с webpack
Я новичок в JSLand и React. У меня более 10 лет опыта в Python и Flask с основным упором на бэкэнд и очень мало HTML + JS, но без CSS. Я начал работать над react и js около 6 недель назад и делал простые приложения с помощью react, которые не...
1035 просмотров

Как получить ссылку на корневую папку проекта с помощью node-sass и sass-loader с помощью веб-пакета
Я создал проект React с помощью команды create-react-app , он использует webpack. Чтобы использовать SASS, мне нужно было извлечь с помощью команды npm run eject и вручную добавить загрузчик SCSS в массив загрузчиков, как описано здесь . Это...
855 просмотров
schedule 29.04.2023

Webpack sass-loader не генерирует стили селекторов классов
Я использую scss в своем приложении для реагирования. Проблема, которую я получаю, заключается в том, что когда я пишу css для постоянных селекторов, таких как h1, h2, p, ul, li, он принимается. Но когда я пишу css для селекторов классов или...
538 просмотров
schedule 31.05.2023

Упростите пути SCSS @import с помощью WebPack 2
В настоящее время у меня есть настройка проекта, в которой используется плагин sass-loader WebPack. Это означает, что мы можем легко импортировать SCSS из node_modules, используя следующее: @import "~bootstrap/scss/mixins/breakpoints";...
568 просмотров
schedule 12.05.2023

Проблема при импорте angular-star-rating в angular-4
Я пытаюсь использовать angular-star-rating в моем проекте angular4, который был создан с помощью angular CLI. Я использую bootstrap-4. Я следил за этой документацией [URL] https://www.npmjs.com/package/angular-star-rating Шаги, которые я сделал:...
5483 просмотров
schedule 26.10.2022

Проблема с sass-загрузчиком веб-пакета Vue.js с моим файлом .scss
Я использую пакеты style-loader, node-sass, sass-loader, как указано в документе. Я добавил в свой webpack.base.conf.js следующие модули правила { test: /\.(s?)css$/, use: ['style-loader','css-loader','sass-loader'] }, В моем...
782 просмотров
schedule 15.06.2023

Неверный CSS после: ожидался 1 селектор или at-правило, было {
Я пытаюсь использовать Vue с SASS, но столкнулся с проблемой при использовании npm run build. Я использую webpack sass-loader. Может кто-нибудь помочь мне здесь? Я подозреваю, что проблема где-то в моей конфигурации веб-пакета, но я не могу найти...
17736 просмотров
schedule 28.10.2022

Настройка css-загрузчика с помощью publicPath
У меня есть файл .scss с классом: .my-class { background-image: url("/images/image.svg") } При сборке с помощью веб-пакета я использую publicPath в своей конфигурации. Допустим, мой общедоступный путь XYZ я хотел бы найти способ найти...
1696 просмотров

SASS-Loader не может правильно анализировать файлы SCSS
Я пытаюсь обновить старую кодовую базу NPM/Node, чтобы все правильно компилировалось, когда я запускаю npm run build , и у меня возникают проблемы с выплевыванием тонны проблем, связанных с scss . Сообщение об ошибке: You may need an additional...
1196 просмотров
schedule 09.02.2023