Size: a a a

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

2020 November 28

IU

Ivan Uslov in Webpack — русскоговорящее сообщество
Привет!
у меня есть правило
{
       // регулярное выражение, которое ищет все файлы с такими расширениями
       test: /\.(png|svg|jpg|gif|woff(2)?|eot|ttf|otf)$/,
       type: "asset/resource",
     },

оно должно искать все картинки шрифты, и в папку dist собирать, а у меня оно тупо игнорируется


не ошибок ничего нет


и не переносятся файлы..


rules: [
     {
       test: /\.js$/,
       use: "babel-loader",
       exclude: "/node_modules/",
     },
     // добавили правило для обработки файлов
     {
       // регулярное выражение, которое ищет все файлы с такими расширениями
       test: /\.(png|svg|jpg|gif|woff(2)?|eot|ttf|otf)$/,
       type: "asset/resource",
     },
   ],

Для бабеля работает все отлично а 2 правило такое как будь-то игнорируется
источник

IU

Ivan Uslov in Webpack — русскоговорящее сообщество
Помогите пожалуйста, а то уже голова пухнет почему оно не реагуриует на правило и не переносит картинки, шрифты ...
источник

IU

Ivan Uslov in Webpack — русскоговорящее сообщество
Есть кто то?)
источник

IU

Ivan Uslov in Webpack — русскоговорящее сообщество
А вроде 1766 людей в чат :(
источник

EP

Eldar Polishchuk in Webpack — русскоговорящее сообщество
Ivan Uslov
А вроде 1766 людей в чат :(
А теперь представь что будет в чате, если каждый будет отвечать на каждый привет и “есть кто”. Вопрос? Спрашивай, а не страдай приветоболезнью
источник

IU

Ivan Uslov in Webpack — русскоговорящее сообщество
Eldar Polishchuk
А теперь представь что будет в чате, если каждый будет отвечать на каждый привет и “есть кто”. Вопрос? Спрашивай, а не страдай приветоболезнью
Я же выше и спросил, никто не ответил )

Правило

   {
       // регулярное выражение, которое ищет все файлы с такими расширениями
       test: /\.(png|svg|jpg|gif|woff(2)?|eot|ttf|otf)$/,
       type: "asset/resource",
     },

игнорируется, картинки, шрифты не появляются в папке  dist..
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
Ivan Uslov
Я же выше и спросил, никто не ответил )

Правило

   {
       // регулярное выражение, которое ищет все файлы с такими расширениями
       test: /\.(png|svg|jpg|gif|woff(2)?|eot|ttf|otf)$/,
       type: "asset/resource",
     },

игнорируется, картинки, шрифты не появляются в папке  dist..
в таком виде ты должен каждую картинку и шрифт подключать в main.js/index.js через import.
источник

IU

Ivan Uslov in Webpack — русскоговорящее сообщество
Konstantin Sedykh
в таком виде ты должен каждую картинку и шрифт подключать в main.js/index.js через import.
на примере просто у них перенеслись все изображение и шрифты в папку dist, а у меня игнорируется и только index.html, index.js там появляется
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
Konstantin Sedykh
в таком виде ты должен каждую картинку и шрифт подключать в main.js/index.js через import.
не обязательно
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
#3301⏣SoulString
не обязательно
ну вот не знаю почему, но у меня через miniextractcss и postcss loader ассеты сами не импортируются.
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
Konstantin Sedykh
ну вот не знаю почему, но у меня через miniextractcss и postcss loader ассеты сами не импортируются.
потому что postcss на сколько я помню не резолвит
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
а extract в своем имени имеет отсылку к смыслу существования
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
css-loader в этой связке никто не отменял
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
#3301⏣SoulString
а extract в своем имени имеет отсылку к смыслу существования
ну экстрактом да, тупо импортированные стили из кода выдираем.
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
Konstantin Sedykh
ну экстрактом да, тупо импортированные стили из кода выдираем.
добавь туда css-loader, это по-моему даже в доке к вебпаку все описано
источник

KS

Konstantin Sedykh in Webpack — русскоговорящее сообщество
#3301⏣SoulString
добавь туда css-loader, это по-моему даже в доке к вебпаку все описано
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
в твоем случае должен резолвить сасс-лоадер, и он резолвит очень интересно
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
он пытается найти твой url(...) относительно entrypoint, попавшего в sass-loader
источник

#

#3301⏣SoulString in Webpack — русскоговорящее сообщество
т.е. если ты пытаешься отрезолвить файл внутри импорта тебе надо резолвить его относительно файла, который был импортирован в js или указан в конфиге вебпака, например
источник