Описание тега babel-plugin-react-css-modules

3 ответа

Невозможно пропустить стороннюю библиотеку CSS из преобразования CSS-Module

Я впервые пробовал модули CSS с React и Webpack, и я нашел по крайней мере три способа добиться этого: CSS-погрузчик реагируют-CSS-модули Бабель-плагин-реагирующий-CSS-модули я пошел с babel-plugin-react-css-modules чтобы сбалансировать простоту и п…
0 ответов

Настройка babel-plugin-реагировать-css-модулей с помощью веб-пакета 3.5.1

Я пытаюсь настроить babel-plugin-реагировать-css-modules для веб-пакета 3.5.1 (извлечено из приложения create-реагировать). Это мой webpack.config.dev.js: 'use strict'; const autoprefixer = require('autoprefixer'); const path = require('path'); cons…
0 ответов

babel-plugin-реагировать-css-модули не выводят стили

Я использую babel-plugin-реагировать-css-modules, и кажется, что он создает className / styleName, но по какой-то причине он не выводит CSS, так что он может быть прочитан модулем. Вот мое приложение: панель запуска Я использую webpack 4.2.0/React 1…
1 ответ

Установка с приложением Create React

Я прошу прощения за вопрос, что может быть очевидным для большинства, но я заблудился. Я создал проект "Реакция" с помощью приложения "создать-реагировать". Я хочу добавить стороннюю библиотеку (Ant Design UI Framework), которая использует стили.css…
24 апр '18 в 02:36
1 ответ

Ошибка сборки модуля: SyntaxError: Неожиданный токен..."после обновления babel-plugin-реагировать-css-modules

Я начал получать ошибку после обновления babel-plugin-реагировать-css-modules с 2.8.0 до 3.3.2: > node ./server.js Listening at ipmc-dev11.be-md.ncbi.nlm.nih.gov:3000 Hash: a9c93503d372d94f4710 Version: webpack 3.8.1 Time: 2752ms Asset Size Chunk…
09 янв '18 в 00:05
0 ответов

Вложенные классы SASS с babel-plugin-реагировать-css-модулями

Я хотел бы включить <label> в этом красном: <div styleName="foo"> Some green text <label styleName="bar">Bar</label> </div> Мой связанный файл SCSS выглядит так: .foo { color: green; .bar { color: red; } } Возможно ли, …
11 фев '19 в 18:03
0 ответов

babel-plugin-реагировать-css-modules: как мне импортировать `.less`, используя то же поведение, что и файл`.css`?

У меня есть конфиг веб-пакета с правилом, которое конвертирует .less файлы в .css куски, а также правило, которое преобразует .css файлы в простой .css файлы. Когда я делаю import "./main.module.less", плагин модулей CSS не распознает его вообще, ве…
13 дек '17 в 08:48
1 ответ

Импортировать таблицы стилей библиотеки с модулями Babel-Plugin-React-Css-

Я пытаюсь включить CSS другой библиотеки для их компонента в моем собственном приложении. Для справки я пытаюсь использовать эту библиотеку таблиц данных: https://github.com/filipdanic/spicy-datatable. В документах говорится Out of the box, spicy-da…
0 ответов

Использовать babel-plugin-реагировать-css-модули с SSR с веб-пакетом только для клиента

В нашем проекте используется только babel(поэтому мы используем .babelrc) для SSR и на стороне клиента использует веб-пакет (веб-пакет, имеющий свой собственный babel-loader опции). Теперь я хочу использовать babel-plugin-react-css-modules с localIn…
0 ответов

Используйте оригинальный className в консоли при использовании модулей CSS

Я использую babel-plugin-реагировать-css-модули. Это моя конфигурация в веб-пакете. devtool: 'source-map', { test: /\.local\.(css|scss)$/, use: [ 'style-loader', 'css-loader?sourceMap&modules&importLoaders=1&localIdentName=[path]___[name…
0 ответов

Нужно className из css-модулей, даже если в файле css нет класса

Я использую модули CSS и добавляю некоторые базовые стили, где мне нужно, но также использую глобальную таблицу стилей, чтобы позволить другим добавлять стили (и переопределять их) во всех моих компонентах реагирования. Моя проблема в том, что class…
1 ответ

Могу ли я сказать style-loader загружать мой глобальный CSS перед моими модулями CSS?

Большая часть моего сайта использует классы Bulma для некоторых из моих глобальных стилей пользовательского интерфейса, и я хотел бы продолжать использовать эти классы в своих компонентах, но также иметь возможность определять CSS-модули для этих ко…
2 ответа

Невозможно импортировать CSS с помощью "babel-plugin-реагировать-css-modules" - получить "ParseError: Неожиданный токен"

Пожалуйста, смотрите https://github.com/gajus/babel-plugin-react-css-modules/issues/162 для полного описания проблемы. Git repo = https://github.com/basher/react-no-webpack Это простой POC / scaffold для библиотеки React UI без Webpack или Gulp, но …
3 ответа

`babel-plugin-реагировать-css-modules` Проверка типов текста

Я использую babel-plugin-react-css-modules, Это добавить styleName свойство к элементам HTML. Typescript не распознает это свойство. Я почти уверен, что мне нужно что-то расширить, но ничего из того, что я пробовал, не сработало. Я пытался объявить …
1 ответ

Передайте className как другую опору, кроме styleName

Как передать имя класса модуля CSS как другую опору, чем styleName? import './MyStyles.css' <ThirdPartyComponent styleName='this-works' activeClassName='i want to pass my css module classes here' />
30 окт '17 в 17:03
1 ответ

babel-plugin-реагировать-css-modules не соответствует стилям с styleName

вопрос Я пытаюсь использовать babel-plugin-реагировать-css-модули в моем проекте React для повышения производительности в отличие от модулей React CSS. Тем не менее, стили не применяются правильно. причина Версия в <style> тег обернут странным…
1 ответ

Импорт babel-plugin-реагировать-css-модулей не работает в менее загруженном

Я пытаюсь использовать @import не работает. // a.less .hello{width:100px;height:100px;background:blue;} // index.less @import './a.less' // App.jsx import './index.less'; <div styleName="hello"></div> ОШИБКА: ERROR in ./src/App.jsx Modul…
04 дек '17 в 14:10
2 ответа

Примените имя класса модуля CSS, напрямую обращаясь к DOM

У меня есть компонент, который использует CSS-модули, с помощью babel-plugin-react-css-modules плагин. В некоторые моменты в течение срока службы компонента я хочу иметь возможность вычислять новые измерения для него, напрямую обращаясь к DOM. В мое…
0 ответов

Включить горячую перезагрузку после "Не удалось разрешить styleName"

В моей настройке webpackDevServer горячая перезагрузка работает нормально, в том числе для изменений в SCSS, за исключением случая, когда я добавил совершенно новый стиль и styleName, Например, если я добавлю div styleName="foo", Я получил Could not…
0 ответов

Реактивные CSS-модули, babel-plugin-реагировать-css-модули с электронным компиляцией без веб-пакета

Я пытаюсь начать использовать react-css-modules w / babel-plugin-реагировать-css-модули. В настоящее время у меня есть электронная кузница, работающая с реакцией. мой .compilerc выглядит следующим образом: { "env": { "development": { "application/ja…