Всем привет, подскажите как правильно сделать: использую vue-svg-loader чтоб работать

Question

Всем привет, подскажите как правильно сделать: использую vue-svg-loader чтоб работать

с кастомными свг иконками, но появилась загвоздка, теперь простые картинки свг перестали работать, я так понимаю надо как то настроить чтоб он свг для иконок брал из другой папки?

#frontend #javascript #programming #russian #vue.js

0

03.09.2021

4 ответов

19 просмотров

Виктор Rudenko Автор вопроса

Artyom Tuchkov
ага, нужно вебпак настроить, чтобы он юзал лоадер ...

можешь подсказать как? я проект строил через CLI

0

03.09.2021

Artyom Tuchkov

Виктор Rudenko
можешь подсказать как? я проект строил через CLI

в vue.config добавляешь правило в configureWebpack на .svg файлы, я лично юзаю oneOf { include: path.resolve(__dirname, 'src/assets/icons'), use: ['vue-loader-v16', 'vue-svg-loader'], }, { loader: 'file-loader', options: { name: getAssetPath('img') }, }, если иконки лежат в icons, значит они будут резолвиться свг-лоадером, если нет, то обычным файл-лоадером опционально можно добавить еще какое-нибудь исключение через resourceQuery, чтобы была возможность загрузить иконки из папки icons как обычно, а не компонентами

0

03.09.2021

Виктор Rudenko Автор вопроса

Artyom Tuchkov
в vue.config добавляешь правило в configureWebpack...

оооо спасибо

0

03.09.2021

Artyom Tuchkov · Accepted Answer

Artyom Tuchkov

ага, нужно вебпак настроить, чтобы он юзал лоадер только для иконок в определенной папке, например

0

03.09.2021

169 похожих чатов

Всем привет, подскажите как правильно сделать: использую vue-svg-loader чтоб работать

4 ответов

Похожие вопросы