Вопросы по теме 'css-modules'
Не могу импортировать стили с помощью css-модулей, webpack и react
Я стилизую свое приложение для реагирования. Я использую css-модули с webpack. Вот моя конфигурация:
{ test: /\.css$/, loaders: ["style", "css?modules"] },
Я стилизовал свой компонент, сделал кофе, и теперь он не работает. Итак, у меня...
817 просмотров
schedule
03.08.2023
Как применить глобальные стили с модулями CSS в приложении React?
В настоящее время я использую CSS-модули с React для своего стиля. Итак, каждый из моих компонентов импортируется в свой файл css для конкретного компонента, например:
import React from 'react';
import styles from './App.css';
const example = ()...
85850 просмотров
schedule
29.07.2022
Разделение кода CSS с помощью Webpack 2 и React Router
Я разделяю код своих файлов JavaScript с помощью React Router и Webpack 2 следующим образом:
export default {
path: '/',
component: Container,
indexRoute: {
getComponent(location, cb) {
if (isAuthenticated()) {
redirect();...
1966 просмотров
schedule
11.02.2023
Разрешение глобальных переменных SCSS с помощью Webpack
У меня возникли проблемы с разрешением моего файла глобальных переменных scss. Я пытаюсь добавить файл цвета scss, который я могу просто импортировать глобально, где это необходимо.
Конфигурация веб-пакета 1:
module: {
loaders: [...
3139 просмотров
schedule
17.11.2022
Включить горячую перезагрузку с помощью Webpack и PostCSS
Я ищу горячую перезагрузку окна, когда сохраняю таблицу стилей в текстовом редакторе. В настоящее время мне приходится вручную перезагружать страницу, чтобы увидеть какие-либо изменения. Ниже приведен фрагмент в моем файле конфигурации Webpack,...
1696 просмотров
schedule
01.12.2022
Как разрешить модулям 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 просмотров
schedule
07.08.2022
Стилизация компонентов пользовательского интерфейса материала
Не совсем проблема, но что-то меня не устраивает. Я использую react + typescript + css modules + https://material-ui-next.com/ . Проблема в том, что когда мне нужно стилизовать материальные компоненты пользовательского интерфейса, мне...
11133 просмотров
schedule
15.08.2023
Как различать два разных 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 просмотров
schedule
31.05.2023
Макет 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 просмотров
schedule
20.10.2022