Size: a a a

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

2020 August 28

a

a1 in Webpack — русскоговорящее сообщество
a1
Ребят, у меня уже руки опустились. Целый день убил на решение, ничего не вышло.
Нужно scss подключить к html. Я юзал html webpack plugin, лоадеры: sass-loader, css-loader, mini css extract loader. Короче, стандартный набор джентльмена. Всё работает, НО стили на этапе компиляции не вписываются в файл html. Вместо этого они подключаются через скрипт js (добавляется элемент <link> в head), т е по дефолту в html стилей нет совсем. Это просто стандартное поведение сборки. Уверен, что у 90% людей оно так и работает, но это полное дерьмо, потому что у пользователя без js стили не прогрузятся и, что хуже, сначала погружается html и только потом css! Пользователь некоторое время видит тупо страницу без стилей😞
Я писал сегодня ночью
источник

a

a1 in Webpack — русскоговорящее сообщество
У меня в index.js был импорт scss в скобках
import ('./scss/style.scss')
А надо без скобок
источник

A

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

A

Alex CherryTea in Webpack — русскоговорящее сообщество
a1
У меня в index.js был импорт scss в скобках
import ('./scss/style.scss')
А надо без скобок
Теперь ты знаешь разницу между вызовом функции в js и импортом 😂
источник

a

a1 in Webpack — русскоговорящее сообщество
Alex CherryTea
Теперь ты знаешь разницу между вызовом функции в js и импортом 😂
Я привык, что если я что-то делаю неправильно, то это просто не работает 😆
источник

a

a1 in Webpack — русскоговорящее сообщество
Но мне всё равно кажется, что я не один такой. Проект-то компилируется, нормально открывается и т.д.
источник

a

a1 in Webpack — русскоговорящее сообщество
Сразу не заметишь подвох
источник
2020 August 29

A

Alex CherryTea in Webpack — русскоговорящее сообщество
a1
Сразу не заметишь подвох
Ну у тебя же наверняка прямо рядом стояли обычные импорты
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Должно было смутить
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
a1
Но мне всё равно кажется, что я не один такой. Проект-то компилируется, нормально открывается и т.д.
С точки зрения сборщика никакой ошибки нет, функция import используются для динамического импорта
источник

a

a1 in Webpack — русскоговорящее сообщество
Не, я с таким лицом кодил🤪, ничего не заметил. Так что за импорт в скобках? Что это такое?
источник

a

a1 in Webpack — русскоговорящее сообщество
Ааа
источник

a

a1 in Webpack — русскоговорящее сообщество
Почитаю про динамический импорт, спасибо
источник

RK

Roman Kichatov in Webpack — русскоговорящее сообщество
a1
Не, я с таким лицом кодил🤪, ничего не заметил. Так что за импорт в скобках? Что это такое?
Разве нет подсветки ошибок и предупреждений?
источник

a

a1 in Webpack — русскоговорящее сообщество
По-моему, не было🤔. Хотя когда уже заметил сам ошибку, то увидел, что IDLE начало строчки досвечивает. Обычно она прям явно меня тыкает
источник

a

a1 in Webpack — русскоговорящее сообщество
По итогу всё работает же🤷‍♂
источник

1

1N54N3 in Webpack — русскоговорящее сообщество
Есть пакеты jest и babel-jest, есть конфиг jest в package json.
При запуске тестов выдает ошибку которую гуглил, опробовал все решения
Скачал плагин @babel/plugin-transform-modules-commonjs, тоже не помог.
Не подскажите пожалуйста, как можно решить проблему?
источник

r

readme.md in Webpack — русскоговорящее сообщество
Там надо указать node: ‘current’ как в доке
источник

r

readme.md in Webpack — русскоговорящее сообщество
источник

1

1N54N3 in Webpack — русскоговорящее сообщество
Спасиб, только теперь другая ошибка
источник