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

Не могу импортировать стили с помощью css-модулей, webpack и react
Я стилизую свое приложение для реагирования. Я использую css-модули с webpack. Вот моя конфигурация: { test: /\.css$/, loaders: ["style", "css?modules"] }, Я стилизовал свой компонент, сделал кофе, и теперь он не работает. Итак, у меня...
817 просмотров

Как применить глобальные стили с модулями CSS в приложении React?
В настоящее время я использую CSS-модули с React для своего стиля. Итак, каждый из моих компонентов импортируется в свой файл css для конкретного компонента, например: import React from 'react'; import styles from './App.css'; const example = ()...
85850 просмотров

Разделение кода CSS с помощью Webpack 2 и React Router
Я разделяю код своих файлов JavaScript с помощью React Router и Webpack 2 следующим образом: export default { path: '/', component: Container, indexRoute: { getComponent(location, cb) { if (isAuthenticated()) { redirect();...
1966 просмотров

Разрешение глобальных переменных SCSS с помощью Webpack
У меня возникли проблемы с разрешением моего файла глобальных переменных scss. Я пытаюсь добавить файл цвета scss, который я могу просто импортировать глобально, где это необходимо. Конфигурация веб-пакета 1: module: { loaders: [...
3139 просмотров

Включить горячую перезагрузку с помощью Webpack и PostCSS
Я ищу горячую перезагрузку окна, когда сохраняю таблицу стилей в текстовом редакторе. В настоящее время мне приходится вручную перезагружать страницу, чтобы увидеть какие-либо изменения. Ниже приведен фрагмент в моем файле конфигурации Webpack,...
1696 просмотров

Как разрешить модулям CSS импортировать файлы глобально по умолчанию?
Я пытаюсь внедрить модули CSS в свой проект, использующий React и Webpack. Но я хочу продолжать использовать весь созданный мной глобальный CSS. Например, ранее я импортировал css в React вот так import './styles.scss' И тогда будет...
4979 просмотров
schedule 03.01.2024

Импортировать переменные в модуль css в React
Я использую модули CSS, и мои файлы css/stylesheet живут рядом с моими компонентами. Каков самый быстрый способ поддержки глобального файла цветов, который можно импортировать в мою таблицу стилей? Поддерживают ли мои css-модули и веб-пакет это...
3612 просмотров
schedule 19.11.2023

Использование семантического пользовательского интерфейса с модулями CSS в Webpack
У меня есть import 'semantic-ui-css/semantic.min.css' в index.js , в соответствии с инструкциями Semantic UI . До того, как я сделал yarn eject (чтобы включить модули CSS с помощью create-react-app ), все работало нормально, но как только я...
5045 просмотров

Стилизация компонентов пользовательского интерфейса материала
Не совсем проблема, но что-то меня не устраивает. Я использую react + typescript + css modules + https://material-ui-next.com/ . Проблема в том, что когда мне нужно стилизовать материальные компоненты пользовательского интерфейса, мне...
11133 просмотров

Как различать два разных CSS-свойства, которые должны быть условно стилизованы, с одинаковыми именами в React Native?
У меня такой стиль: <TouchableOpacity style={[styles.container, { backgroundColor }]}> и этот корпус переключателя: let backgroundColor = "white"; switch (this._getName()) { case "bot": backgroundColor =...
17 просмотров
schedule 16.01.2022

Использование css-loader без React
Я создаю небольшое веб-приложение с модулями CSS с поддержкой Webpack (через css-loader) и без React. Моя цель - получить преимущества коротких, обфусцированных имен классов CSS (поскольку я сейчас использую длинные имена классов БЭМ) в моем HTML...
871 просмотров

Макет css-модулей в снимке Jest
У меня проблема с созданием снимка теста для моего компонента. Я следил за многими ответчиками, такими как: Насмешка над модулями css в шутке https://github.com/facebook/jest/issues/1347 https://jestjs.io/docs/en/webpack Но ни...
983 просмотров
schedule 20.02.2024

как импортировать файл css в реакцию при создании статического html и вставлять импортированный css в тег заголовка html?
Я пытаюсь сгенерировать статический html из реакции, используя метод renderToStaticMarkup. Проблема, с которой я сталкиваюсь сейчас, заключается в том, что я не могу импортировать css в компонент реакции. Я хочу импортировать css в свои компоненты...
1033 просмотров
schedule 08.06.2022

CSSTransition от response-transition-group без применения классов
Я пытаюсь интегрировать CSSTransition на свой сайт Gatsby, но он не применяет ни один из классов. Я использую модули CSS, и у меня есть <div> , который служит родительским элементом, который плавно появляется и исчезает, по сути применяя к...
448 просмотров