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

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

974 members

Архив канала @webpack_ru 27 октября 2017 г.

10:13:30 ДП
User 37788913
ребят, не обновляется css в браузере. причем в консоль даже пишет, что все видит и все ок
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] css reload http://localhost:3000/app.css
[HMR] Updated modules:
[HMR]  - ./src/App.css
[HMR] App is up to date.
но визуально элементы не меняются

использую: webpack-dev-server, css-hot-reload loader
10:14:26 ДП
User 121757508
User 37788913
ребят, не обновляется css в браузере. причем в консоль даже пишет, что все видит и все ок
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] css reload http://localhost:3000/app.css
[HMR] Updated modules:
[HMR]  - ./src/App.css
[HMR] App is up to date.
но визуально элементы не меняются

использую: webpack-dev-server, css-hot-reload loader
ctrl+f5
10:14:50 ДП
User 37788913
понятное дело
задача в том, чтобы не делать этого
10:16:31 ДП
User 121757508
User 37788913
понятное дело
задача в том, чтобы не делать этого
10:17:21 ДП
User 37788913
new ExtractTextWebpackPlugin('app.css')
10:17:43 ДП
User 32530886
User 37788913
new ExtractTextWebpackPlugin('app.css')
блэд
10:17:44 ДП
User 32530886
нахера
10:17:54 ДП
User 32530886
нахера юзать extracttext в dev?!
10:18:01 ДП
User 37788913
по доке css-hot-reload loader
10:18:06 ДП
10:18:10 ДП
User 32530886
вот без него же работает
10:18:16 ДП
User 32530886
просто юзать style-loader
10:18:22 ДП
User 37788913
ща затестим
10:20:05 ДП
User 212795634
User 37788913
ребят, не обновляется css в браузере. причем в консоль даже пишет, что все видит и все ок
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] css reload http://localhost:3000/app.css
[HMR] Updated modules:
[HMR]  - ./src/App.css
[HMR] App is up to date.
но визуально элементы не меняются

использую: webpack-dev-server, css-hot-reload loader
Зачем css hot reload, если есть inline mode?
10:21:47 ДП
User 37788913
User 32530886
просто юзать style-loader
и оно делает f5 всей страницы
10:44:51 ДП
User 37788913
по результатам исследований:
css-modules не дружат с hmr
10:45:10 ДП
User 97102774
User 37788913
по результатам исследований:
css-modules не дружат с hmr
Эм?
10:45:26 ДП
User 97102774
У меня дружат.
10:45:48 ДП
User 37788913
{loader: 'css-loader', options: {modules: false}}
все отлично на лету меняется


{loader: 'css-loader', options: {modules: true}}
на изменение css тут же location.reload
10:46:53 ДП
User 97102774
Это очень странно. У меня нормально с этим работает.
10:51:37 ДП
User 121757508
User 37788913
{loader: 'css-loader', options: {modules: false}}
все отлично на лету меняется


{loader: 'css-loader', options: {modules: true}}
на изменение css тут же location.reload
ты как сборку запускаешь?
10:51:48 ДП
User 37788913
https://github.com/fend25/css-modules-hot-reload-test
github.com/fend25/css-modules-hot-reload-test
Contribute to css-modules-hot-reload-test development by creating an account on GitHub.
10:52:08 ДП
User 37788913
"scripts": {
    "start": "webpack-dev-server"
  },
10:52:30 ДП
User 121757508
ясно, тогда у меня идей нет =)
10:58:30 ДП
User 37788913
добавил ридмишку что и как и как выключить
10:59:32 ДП
User 37788913
User 97102774
Это очень странно. У меня нормально с этим работает.
а у тебя как используются стили при этом?

import style from './style.css'
element.className = style.someClass

таким образом? или через строки?
10:59:56 ДП
User 97102774
User 37788913
а у тебя как используются стили при этом?

import style from './style.css'
element.className = style.someClass

таким образом? или через строки?
Вот так как ты описал.
11:00:28 ДП
User 97102774
<AAA className={style.myStyle} />
11:00:32 ДП
11:26:15 ДП
User 37788913
import style from './styles.css'
if (module.hot) module.hot.accept(['./styles.css'], function(data) {})
и все работает идеально