Вопросы по теме 'css-modules'

Могу ли я использовать css-модули с LESS + вложенностью?
документация по css-modules довольно скудная, поэтому я не уверен, смогу ли я это сделать или нет. В этой статье говорится, что стиль кнопки с состояниями normal и error будет выглядеть следующим образом: .common { /* font-sizes,...
12439 просмотров
webpack reactjs css-modules less
schedule 14.04.2022
Модули CSS, Реагирование и Переопределение классов CSS
Я использую библиотеку компонентов React (React Toolbox), которая выводит этот класс в своем компоненте Tab с использованием модулей CSS и Webpack: label___1nGy active___1Jur tab___Le7N tab - это свойство className, которое я передаю. Классы...
46304 просмотров
css css-modules
schedule 13.03.2022
webpack, sass, react-css-modules — окно ReferenceError не определено
Я использую webpack и React с модулями react-css и файлами scss. Когда я пытаюсь построить, он выдает ошибку в каждом файле, который импортирует файлы scss - ERROR in ./app/components/Buttons/Button.scss Module build failed: ReferenceError:...
5095 просмотров
webpack css-modules sass react-css-modules webpack-dev-server
schedule 10.11.2022
Компонент React добавляет имена классов, которые не распознаются из-за импортированных модулей css
В настоящее время работаю над большим проектом, использующим модули React и CSS. Я хочу реализовать «реагировать на все, что угодно, сортировать» для группы элементов списка. Пока что реализация зашла в тупик, потому что...
580 просмотров
reactjs javascript css css-modules
schedule 23.12.2022
Несколько имен классов с модулями CSS и React
Я использую следующий код для динамической установки className в компоненте React на основе логического значения из props: <div className={this.props.menuOpen ? 'inactive' : 'active'}> ... </div> Однако я также использую модули...
31123 просмотров
reactjs css-modules
schedule 30.12.2021
Использование переменных SCSS в модулях CSS
У меня есть _color.scss файл, который состоит из 400 цветов в качестве переменных. И мне нравится 20 компонентов, которым нужны эти цветовые переменные в своих стилях. Я использую модули SCSS + CSS для создания своих стилей. На данный момент я...
4808 просмотров
webpack reactjs css-modules sass react-css-modules
schedule 06.06.2022
css-loader не работает с модулями и анимацией ключевых кадров
Я пытаюсь использовать анимацию ключевых кадров в приложении для реагирования, которое использует css-модули и систему сборки веб-пакетов. Простейший пример, воспроизводящий проблему: .confirmRemove { animation: 150ms appear ease-in; }...
2423 просмотров
webpack css css-modules css-animations css-loader
schedule 28.01.2023
Добавление атрибута стиля к пользовательскому элементу React, похоже, не работает
У меня есть следующий код (с использованием модулей CSS): return ( <div> <LandingPage className={styles.hidden} /> </div> ); Что не работает (т.е. не применяет CSS к элементу). Однако, возвращаясь <div>...
1597 просмотров
reactjs javascript css-modules
schedule 05.07.2023
Неожиданный символ '@'. Для работы с этим типом файлов может потребоваться соответствующий загрузчик.
Вот что я получаю, когда пытаюсь запустить webpack: я получаю следующую ошибку: "ОШИБКА в ./v3/app/styles/main.scss Ошибка синтаксического анализа модуля: /Users/vovina/widget-login-react/v3/app/styles/main.scss Неожиданный символ '@' (1: 0) Вы...
7271 просмотров
webpack javascript css-modules es6-module-loader webpack-2
schedule 07.05.2022
Визуализируйте стили normalize.css + эмоции с помощью Next.js
Я пытаюсь добавить Normalize.css как глобальный и использовать эмоции для своих модулей CSS. Первый мой .babelrc { "presets": [ ["env", { "modules": false, "useBuiltIns": true }], "next/babel" ], "plugins": [...
5594 просмотров
next.js emotion server-side-rendering css-modules
schedule 07.05.2022
Как использовать селекторы css в модульном тестировании jest при использовании модулей css
Я использую модули css в своем проекте реагирования и использую веб-пакет для комплектации. При использовании Jest для тестирования, поскольку jest попытается импортировать файлы css, как обычные файлы JS, появится следующая ошибка:...
4395 просмотров
reactjs javascript jestjs css-modules enzyme
schedule 22.06.2023
CSS-модуль @import не прошел тест Jest
Я использую Jest и Enzyme для тестирования своего приложения. Я получаю сообщение об ошибке: FAIL app/containers/Navbar/NavbarContainer.test.js ● Test suite failed to run app/components/Navbar/styles.css: Unexpected token (1:0)...
1568 просмотров
reactjs javascript jestjs css-modules
schedule 01.04.2023
CSS-модули не работают
Я пытаюсь настроить модули css с помощью postcss + cssnext. Кажется, все работает нормально, за исключением того, что ключевое слово composes просто не работает. Правило исчезает при компиляции пакета. Вот мой файл конфигурации веб-пакета:...
4133 просмотров
webpack reactjs css css-modules postcss
schedule 14.05.2023
Как использовать модули css с приложением create-react-app?
Согласно твиту Дэна Абрамова, поддержка модулей CSS есть в приложении create-response-app (CRA ). Просто нужно расширить module.css его таблицы стилей, чтобы включить эту функцию, но у меня это не работает. У меня версия 1.1.4 react-scripts ....
33528 просмотров
reactjs create-react-app css-modules
schedule 21.08.2022
Как я могу использовать файл css из реагирующей таблицы в моем проекте реакции вместе с модулями css?
Я использую модули css в своем проекте реагирования и недавно установил реагирующую таблицу, используя ЭТОТ САЙТ , но у меня возникли проблемы с импортом его файла css. Источник реагирующей таблицы говорит, что мне нужно импортировать файл css из...
1507 просмотров
reactjs css css-modules react-table
schedule 22.07.2023
React- Как использовать CSS и CSS с локальной областью видимости из сторонних компонентов
Я локально просматриваю свои файлы css, используя modules: true, localIdentName: "[name]__[local]_[hash:base64:5]" в webpack.config.dev и prod.js. Я могу использовать стили, которые я определил для компонентов, используя стиль импорта из...
949 просмотров
reactjs javascript react-select css-modules react-css-modules
schedule 25.05.2023
почему класс css внутри родительского модуля css (App.js) переопределяет дочерний класс css, для которого объявлен собственный модуль css?
Я использую приложение create-response-app последней версии 2.1.3. Я создал демонстрационное приложение для тестирования модулей css, которое в create-react-app 2.1.3 должно быть готово к работе, без необходимости запускать npm eject или вносить...
1396 просмотров
reactjs css-modules react-css-modules
schedule 24.04.2022
Модули css ссылаются на имя ключевого кадра внутри jsx
Я использую модули css с css-loader и столкнулся с проблемой. У меня есть компонент LoadingOverlay , который показывает загрузчик продолжительностью мс. Я применяю анимацию затухания к оверлею со следующим кодом внутри компонента: if (show)...
368 просмотров
webpack reactjs animation css-modules css-loader
schedule 25.04.2022
Приоритет стилей CSS при использовании модулей React и CSS
У меня есть модуль css, который применяет стиль к существующему компоненту. Модуль css работает нормально, но стиль всегда перезаписывался стилем компонента по умолчанию. Предположительно у меня есть такая разметка. <Header...
2093 просмотров
reactjs css css-modules
schedule 30.12.2022
Используйте [hash: base64: 5] в файле JavaScript / TypeScript.
Я использую модули CSS в проекте Angular с Webpack. Я уже преобразовал имена классов в .css и .scss файлах с помощью postcss-модулей . Затем с помощью posthtml-css-modules я изменил значения свойства класса в элементах html. для его...
560 просмотров
javascript angular css-modules postcss css-loader
schedule 02.08.2022