Vagan
c url не будет работать
Artem
и так не работает
Vagan
Импорт без url делается
{ Amir }
попробуй убрать .modules
Vagan
Прокинь весь своей scss в sandbox
Vagan
Работает там все?
Vagan
Так импортируемый не модуль же
Artem
но с чего б ему там не работать
Vagan
Выкинь модуль из названия и протести: работает или нет?
Сидредин
Artem
Vagan
Блин, погоди
{ Amir }
{ Amir }
```/* Profile.css */
:import('./Constants.css') {
primary-color: primary-color;
}```
{ Amir }
/* Constants.css */
:export {
primary-color: #333;
}
Vagan
Это ты про CSS
Vagan
А у него SCSS
Vagan
export там уже встроен
Vagan
Лооол
Vagan
Ну нафиг такой фигней заниматься, если так каждую константу нужно импортить
{ Amir }
тут мы гадаем по скринам
{ Amir }
у него путь правильный
{ Amir }
до файла и импорт sass
{ Amir }
он импортит файл без префикса .module в файл с префиксом
{ Amir }
ну о чем я ему уже писал и ты тоже
{ Amir }
есл иработает, то надо импортируемому файлы попробовать добавить префикс
Vagan
Самое интересно то, что в песочнице у него все работает
{ Amir }
вчера такого же рода трабла была и тоже работало только с песочнице)))
{ Amir }
надо смотреть путь
{ Amir }
в оригинале
{ Amir }
а то уже какой раз сюда кидают кусок кода где ошибка и вот гадай, хотя ошибка прилетает из другого места))
Vagan
В VScode подсказки по путям всегда, я не знаю, как там ошибки можно сделать
{ Amir }
может дело и не в пути
Сидредин
Do u know da wey?
Serhii
Knok knok
Владислав
ребят, а на реальных react проектах всегда используют create-react-app? я очень боюсь ручных настроек webpack, babel, typescript
Владислав
даже боюсь представить как всё это настроить(
Serhii
yarn ещё
Anonymous
😑npm
Кирилл
ребят, а на реальных react проектах всегда используют create-react-app? я очень боюсь ручных настроек webpack, babel, typescript
я хоть и реальный проект не настраивал, но в gulp делал свою сборку типо минимизация файлов + раскидка по папкам + перевод scss в css и тд и тп, этому всему можно за день научиться, но опять же это была такая очень изичная настройка, не в продакшн
Кирилл
это я к тому что даже если надо будет свою настройку делать - это не так сложно как кажется, а вообще да, create-react-app в продакшн используется
Vagan
Vagan
У тебя случалось так, что галп просто не видит app.scss и index
Vagan
Пути указывают, но он их игнорит все равно
Кирилл
не было
Vagan
Vagan
А, все, разобрался
Vagan
Сделал отдельную функцию для главной папки
{ Amir }
Если что, можно массив путей указать и игнорируемый подпапки
Vagan
Чето не выходило
Vagan
Сделал так
Vagan
По быстрому
{ Amir }
Тебе надо обработать все файлы?
{ Amir }
Это просто верстка?
Vagan
Да, но, когда вызывал первую функцию, то он почему-то игнорил те файлы, которые находились в /src
Vagan
Это в React, я там через scss все делал
{ Amir }
Vagan
А, блин, я - дурак
Vagan
Спасио))
{ Amir }
Vagan
Да, да, я понял в чем там трабл)
{ Amir }
Спасио))
const path = {
clean: 'dist/**/*',
src: {
scss: 'src/scss/*.scss',
styles: 'src/scss/',
html: 'src/html/',
pages: 'src/html/pages/*.+(html|njk)',
js: 'src/js/*.js',
svg: 'src/images/svg/*.svg',
images: 'src/images/**/*.*',
favicon: 'src/images/favicon/favicon.svg'
},
dist: {
root: 'dist',
css: 'dist/css',
images: 'dist/images',
js: 'dist/js',
sprite: 'dist/images/sprite',
html: 'dist/*.html'
},
watch: {
njk: 'src/html/**/*.+(html|njk)',
scss: 'src/**/*.scss',
js: 'src/**/*.js',
images: 'src/images/**/*.*',
svg: 'src/images/svg/*.svg'
},
exclude: {
dist: '!dist',
images: '!src/images/svg/*.svg',
favicon: '!src/images/favicon/*.*'
},
maps: '../maps'
}
{ Amir }
виды путей
Vagan
Thanks
{ Amir }
разные директории
return src([path.src.images, path.exclude.images, path.exclude.favicon])