e
каждый компонент содержит свой стиль
Size: a a a
2019 November 07
e
возможно с этим связано, позже вникну
e
e
S
eeeMan
возможно с этим связано, позже вникну
Вот это может помочь:
import Router from 'next/router';
Router.events.on('routeChangeComplete', () => {
if (process.env.NODE_ENV !== 'production') {
const els = document.querySelectorAll('link[href*="/_next/static/css/styles.chunk.css"]');
const timestamp = new Date().valueOf();
els[0].href = '/_next/static/css/styles.chunk.css?v=' + timestamp;
}
})
e
типа при переходе на новый маршрут будет новый хеш добавляться к имени ксс файла)))
СА
уклон на то что кэшируется в браузере, надо проверить
S
eeeMan
у тебя же не один файл scss))
ну у меня все файлы заимпорчены в main.scss, который я и подключаю
e
ну у меня все файлы заимпорчены в main.scss, который я и подключаю
ааа, это не оч практика, получается ты потом какой-то компонент уберешь из проекта, аего стили будут всё равно тягаться в общую кучу
S
eeeMan
ааа, это не оч практика, получается ты потом какой-то компонент уберешь из проекта, аего стили будут всё равно тягаться в общую кучу
ну у меня файлы scss носят названия куда относятся, думаю при удалении также можно подчистить стили
e
Вот это может помочь:
import Router from 'next/router';
Router.events.on('routeChangeComplete', () => {
if (process.env.NODE_ENV !== 'production') {
const els = document.querySelectorAll('link[href*="/_next/static/css/styles.chunk.css"]');
const timestamp = new Date().valueOf();
els[0].href = '/_next/static/css/styles.chunk.css?v=' + timestamp;
}
})
да, эта шняга работает)) мигает правда, но это пох, зато Ф5 не надо жать каждый раз
🦜
eeeMan
да, эта шняга работает)) мигает правда, но это пох, зато Ф5 не надо жать каждый раз
либо ставить canary версию плагинов для стилей, либо переезжать на css in js
🦜
потому что некст с 6 версии не занимается плагинами
e
либо ставить canary версию плагинов для стилей, либо переезжать на css in js
а что даст это? я просто не сильно разбираюсь в этом
🦜
eeeMan
а что даст это? я просто не сильно разбираюсь в этом
ну в canary версии добавлены изменения, которые исправляют эту ошибку. По крайне мере, так было на моем проекте
🦜
я решал это проблему еще год назад, через написание своих правила для вебпака, но они не работали из-за особенностей работы с подключением стилей у некста
e
"@zeit/next-css": "^1.0.1",
"@zeit/next-sass": "^1.0.1",
"node-sass": "^4.13.0",
"@zeit/next-sass": "^1.0.1",
"node-sass": "^4.13.0",
e
эти имеешь в виду?
🦜
eeeMan
эти имеешь в виду?
да
e
ок, попробую