Size: a a a

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

2020 January 23

O

Olég in Webpack — русскоговорящее сообщество
хм
источник

JS

John Smith in Webpack — русскоговорящее сообщество
импорты самих шрифтов покажи
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
да выше все есть же ужо..
источник

N

Nelkor in Webpack — русскоговорящее сообщество
Aleksandr
ты когда url указываешь для шрифта, там должен быть url, а не относительный путь
То есть до шрифта всегда должен быть полный путь от src?
источник

O

Olég in Webpack — русскоговорящее сообщество
а url-loader натравить пробовал в таком сетапе?
источник

N

Nelkor in Webpack — русскоговорящее сообщество
Olég
а url-loader натравить пробовал в таком сетапе?
Не слышал про такой даже)
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
Nelkor
То есть до шрифта всегда должен быть полный путь от src?
url пишут, что должен быть, попробуй в url добавить ./
источник

O

Olég in Webpack — русскоговорящее сообщество
т.е. оно тебе, конечно, в b64 ща все сконвертит, но хотя бы пути проверишь )
источник

JS

John Smith in Webpack — русскоговорящее сообщество
Nelkor
То есть до шрифта всегда должен быть полный путь от src?
да, а как иначе в данном случае, либо это можно по-другому решить, но тогда отдельным правилом сделать, к примеру
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
module.exports = () => ({
 test: /\.(woff|woff2|eot|ttf|otf)$/,
 use: [
   {
     loader: 'file-loader',
     options: {
       name: '[name].[ext]',
       publicPath: 'fonts/',
       outputPath: 'fonts/'
     }
   }
 ]
});
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
мой лоадер
источник

JS

John Smith in Webpack — русскоговорящее сообщество
Nelkor
Путь правильный. По крайней мере, VSCode файл видит
если вот это, то я не про этот импорт
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
{
   test: /\.(png|jpg|gif|ttf|woff|woff2|svg|eot|JPG)$/,
         use:[
                   'file-loader',                    
               ]
},

Вот мой и все работает
источник

JS

John Smith in Webpack — русскоговорящее сообщество
🦜
module.exports = () => ({
 test: /\.(woff|woff2|eot|ttf|otf)$/,
 use: [
   {
     loader: 'file-loader',
     options: {
       name: '[name].[ext]',
       publicPath: 'fonts/',
       outputPath: 'fonts/'
     }
   }
 ]
});
а в чем разница? ну кроме аутпута? если на резолвере не работает
источник

N

Nelkor in Webpack — русскоговорящее сообщество
John Smith
да, а как иначе в данном случае, либо это можно по-другому решить, но тогда отдельным правилом сделать, к примеру
Ну как иначе... Компьютер же умный, он видит, что main.scss импортирует index.scss из определённого пути, а значит урлы в index.scss могут быть указаны относительно этого пути. Очень странно, что это работает не так
источник

O

Olég in Webpack — русскоговорящее сообщество
выше идею подсказали - outputPath и publicPath указать
источник

JS

John Smith in Webpack — русскоговорящее сообщество
Olég
выше идею подсказали - outputPath и publicPath указать
это как поможет?
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
Nelkor
Ну как иначе... Компьютер же умный, он видит, что main.scss импортирует index.scss из определённого пути, а значит урлы в index.scss могут быть указаны относительно этого пути. Очень странно, что это работает не так
потому при сборке одни пути до файлов, а после сборки пути должны быть такие, как на сервере
источник

A

Aleksandr in Webpack — русскоговорящее сообщество
Nelkor
Ну как иначе... Компьютер же умный, он видит, что main.scss импортирует index.scss из определённого пути, а значит урлы в index.scss могут быть указаны относительно этого пути. Очень странно, что это работает не так
а вебпак использует не относительные пути, прими это =)
источник

JS

John Smith in Webpack — русскоговорящее сообщество
Nelkor
Ну как иначе... Компьютер же умный, он видит, что main.scss импортирует index.scss из определённого пути, а значит урлы в index.scss могут быть указаны относительно этого пути. Очень странно, что это работает не так
покажи плиз место где идет именно импорт шрифтов woff
источник