Д
Может exclude не правильно написан?
Size: a a a
2020 June 11
KS
Это сьорка под реакт с тайпскриптом, типо аналог кра, просто для тренировки делаю
ясн. лучше инклюд src делать, чем эксклюд node_modules
2020 June 12
SG
Почему-то не подгружает svg, если поставить inline
или нельзя обрабатывать svg как картинки?
{
test: /\.svg$/,
loader: 'file-loader',
options: {
name: './UI_KIT/images/[name].[ext]',
},
},
другие форматы картинок грузитили нельзя обрабатывать svg как картинки?
img(src="UI_KIT/images/logo.svg" alt="Logo")
NR
Почему-то не подгружает svg, если поставить inline
или нельзя обрабатывать svg как картинки?
{
test: /\.svg$/,
loader: 'file-loader',
options: {
name: './UI_KIT/images/[name].[ext]',
},
},
другие форматы картинок грузитили нельзя обрабатывать svg как картинки?
img(src="UI_KIT/images/logo.svg" alt="Logo")
img(src=...) это что за синтаксис? Миксин сасс?
SG
img(src=...) это что за синтаксис? Миксин сасс?
pug
KS
img(src=...) это что за синтаксис? Миксин сасс?
это не css, а шаблон
NR
pug
А импорт свг сам где? Или шаблон как модуль обрабатывается в вашей сборке?
KS
Почему-то не подгружает svg, если поставить inline
или нельзя обрабатывать svg как картинки?
{
test: /\.svg$/,
loader: 'file-loader',
options: {
name: './UI_KIT/images/[name].[ext]',
},
},
другие форматы картинок грузитили нельзя обрабатывать svg как картинки?
img(src="UI_KIT/images/logo.svg" alt="Logo")
могу ошибаться, но там кажется так и прописывается svg, а не img
SG
могу ошибаться, но там кажется так и прописывается svg, а не img
SG
если вставить svg в тело файла разметки, то рисунок будет, но со сложными svg - это будет ад.
NR
Шаблонизатор ничего не делает с вашими файлами и путями, это не поезд в хогвардтс. Чтобы ваш лоадер скопировал этот svg-файл нужно импортить этот файл из кода или css. И вообще судя по тому что вы делаете вам проще взять галп
SG
Шаблонизатор ничего не делает с вашими файлами и путями, это не поезд в хогвардтс. Чтобы ваш лоадер скопировал этот svg-файл нужно импортить этот файл из кода или css. И вообще судя по тому что вы делаете вам проще взять галп
так он лежит отдельным файлом, рядом с другими картинками.
SG
вот с этим же webpack работает
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'file-loader',
options: {
name: './UI_KIT/images/[name].[ext]',
},
},
РД
pug
Когда тоже с этим столкнулся stackoverflow
NR
так он лежит отдельным файлом, рядом с другими картинками.
вебпак должен откуда-то то узнать, что с ним нужно сделать. Сам по себе он по файлам не ходит
NR
вот с этим же webpack работает
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'file-loader',
options: {
name: './UI_KIT/images/[name].[ext]',
},
},
Это тоже лоадер для импортов
NR
Или copywebpackplugin возьмите, если картинки просто скопировать нужно из src в dist
РД
вот с этим же webpack работает
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'file-loader',
options: {
name: './UI_KIT/images/[name].[ext]',
},
},
Вот глянь мой проект, я использовал там pug, CopyWebpackPlugin не использовал принципиально)
Webpack настроен для работы с pug
Webpack настроен для работы с pug
SG
Вот глянь мой проект, я использовал там pug, CopyWebpackPlugin не использовал принципиально)
Webpack настроен для работы с pug
Webpack настроен для работы с pug
что-то очень напоминает задание )
https://github.com/icobra/fsd_mission/blob/master/webpack.config.js
https://github.com/icobra/fsd_mission/blob/master/webpack.config.js
РД