Size: a a a

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

2019 November 14

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Mykola Kozin
HELP!
У меня в проекте есть модульный и обычный CSS. Обычный Css в *.css файлах, а модульный в *.module.css.
Прям из документации по css-loader скопировал конфигурацию:
        {
         // For pure CSS (without CSS modules)
         test: /\.css$/i,
         exclude: /\.module\.css$/i,
         use: ['style-loader', 'css-loader'],
       },
       {
         // For CSS modules
         test: /\.module\.css$/i,
         use: [
           'style-loader',
           {
             loader: 'css-loader',
             options: {
               modules: true,
             },
           },
         ],
       }
Обычный CSS подтягивается, а модульный НЕТ.
Что я упустил?
вроде ничего. как ты используешь свой модульный css?
источник

MK

Mykola Kozin in Webpack — русскоговорящее сообщество
импортирую в Реакте, например:
import styles from './demo.module.css'
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Mykola Kozin
импортирую в Реакте, например:
import styles from './demo.module.css'
а дальше?
источник

MK

Mykola Kozin in Webpack — русскоговорящее сообщество
что-то типа: <div className={styles.demo_block}>
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
странно, должно работать
источник

EP

Evgeniy Podivilov in Webpack — русскоговорящее сообщество
Mykola Kozin
что-то типа: <div className={styles.demo_block}>
А если styles["demo_block"]?
источник

MK

Mykola Kozin in Webpack — русскоговорящее сообщество
к сожалению не помогло
источник

EP

Evgeniy Podivilov in Webpack — русскоговорящее сообщество
Mykola Kozin
к сожалению не помогло
Вроде у них была какая-то проблема с простым конфигом. Попробуй задать в виде обьекта.
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
а что делает "cross-env" в скриптах package.json?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Oruj Tatiyev
а что делает "cross-env" в скриптах package.json?
Кросс платформенный env
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
Alex CherryTea
Кросс платформенный env
а если на русском?)
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
чем он помогает
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=webpack.config.js",
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
и не лишний ли "node_modules/webpack/bin/webpack.js"
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Oruj Tatiyev
чем он помогает
Сетать энв переменную, почитайте описание пакета в нпм там все разжевано
источник

OT

Oruj Tatiyev in Webpack — русскоговорящее сообщество
а resolve: {extensions: ["*", ".js", ".jsx"]}, щачем? в конфиге
источник

d

ds in Webpack — русскоговорящее сообщество
Alex CherryTea
Сетать энв переменную, почитайте описание пакета в нпм там все разжевано
Стоит ли выносить запуск скриптов в какой нибудь .bash файл, если много дублирования и эта строка разрастается ?) точнее... хорошая от практика?)
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
ds
Стоит ли выносить запуск скриптов в какой нибудь .bash файл, если много дублирования и эта строка разрастается ?) точнее... хорошая от практика?)
Зачем их вносить в баш файл? Вы можете запускать нпм скрипты из нпм скриптов
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Для повторяющейся логики
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Oruj Tatiyev
а resolve: {extensions: ["*", ".js", ".jsx"]}, щачем? в конфиге
Чтобы не писать экстеншены в импортах
источник