@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 6 апреля 2017 г.

08:26:29 ДП
User 184940334
Привет. Пытаюсь использовать postcss-modules в проекте react. Уперся в то, что, импорт css-файла в компонент возвращает пустой объект. Вот компонент, стиль и конфиги webpack и postcss https://gist.github.com/mitro/cc53c11676096cdbccdf58c1b9ea7ef0. Насколько я понимаю, нужно использовать еще какой-то лоадер, который будет заменять импорты файлов *.css на *.css.json? Но что-то сходу не нашел, как это сделать. Подскажете, куда копать?
gist.github.com/mitro/cc53c11676096cdbccdf58c1b9ea7ef0
08:27:23 ДП
User 184940334
Webpack 2, запускаю через dev server
08:29:46 ДП
User 32530886
если второй вебпак то перепиши на нормальный конфиг
08:29:49 ДП
User 32530886
на rules, вместо loaders
08:30:05 ДП
User 32530886
User 32530886
Уважаемые разработчики, прежде чем описывать в чате свою проблему, выполните следующие шаги:

🔸 1. Проверьте совместимость webpack и его компонентов, с помощью версий и информации в README этих проектов на github
🔸 2. Определитесь с версией webpack которую используете или желаете использовать. Документация и конфигурация второй версии отличается от первой
🔸 3. Если у вас первая версия — https://webpack.github.io/
Если вторая — https://webpack.js.org.
За подробным описанием конфига второй версии — https://webpack.js.org/configuration
🔸 4. Удостоверьтесь что вы внимательно прочитали соответствующие пункты документации webpack и его плагинов.


В описании проблемы необходимо указать:
1️⃣ Версию webpack, используемые плагины и лоадеры вместе с версиями
2️⃣ Способ запуска webpack и окружение (например: dev-server, production)
3️⃣ Текст ошибки и конфиг webpack/babel (размещать на https://gist.github.com, в чат присылать ссылку)
4️⃣ Последовательность действий приводящих к ошибке (например: npm install; npm start)

Описывайте проблему подробно в одном большом сообщении. Не нужно дробить сообщение на куски, так очень сложно отследить ветку обсуждения.
#rules #правила
webpack.github.io
webpack is a module bundler. It packs CommonJs/AMD modules i. e. for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand.
вот прочти
08:30:09 ДП
User 32530886
обнови конфиги
08:30:25 ДП
User 32530886
юзай общий конфиг, и отдельно для прода и дева
мержи с помощью webpack-merge
08:31:45 ДП
User 184940334
Перепишу, гляну на результат
08:45:54 ДП
User 184940334
Починил. Вообще удалил postcss-modules и просто расширил описание css-loader: 'css-loader?localIdentName=[path][name]--[local]--[hash:base64:5]&modules&importLoaders=1'
08:46:20 ДП
User 32530886
можно проще писать
08:46:22 ДП
User 32530886
без такой каши
08:46:31 ДП
User 184940334
Подскажешь?
08:47:19 ДП
User 184940334
Ты эту строку имеешь в виду или весь конфиг?
08:47:30 ДП
User 32530886
эту строку
08:47:56 ДП
User 184940334
Дашь наводку?
08:48:34 ДП
08:48:41 ДП
User 32530886
https://webpack.js.org/configuration/
08:48:46 ДП
User 184940334
Спасибо!