DO
Webpack должен через плагины знать все файлы, которые ты импортируешь
Size: a a a
2021 January 24
А
Webpack должен через плагины знать все файлы, которые ты импортируешь
вы случайно не знаете, как в codesand, git pull сделать? А то приходиться постоянно импортировать обновлённый репозиторий, создавая новый codesand
DO
Неа, я с ним не сталкивался особо....
#
Алексей
вот что я сделал!
1) Удалил папку img из dist и поставил её в src
2) Установил file-loader
3) Прописал следующие настройки
{
test: /\.(png|jpe?g|gif)$/i,
use:[
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath:'img/',
publicPath:'img/'
},
}
],
}
Как результат, папка img не появилась в dist и изображения конечно не загрузились. Что ещё нужно сделать?
1) Удалил папку img из dist и поставил её в src
2) Установил file-loader
3) Прописал следующие настройки
{
test: /\.(png|jpe?g|gif)$/i,
use:[
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath:'img/',
publicPath:'img/'
},
}
],
}
Как результат, папка img не появилась в dist и изображения конечно не загрузились. Что ещё нужно сделать?
ссылки надо исправлять
#
/img/ не резолвится скорее всего правильно#
Попробуйте пробрасывать фотографии из src в dist плагином, и обращайтесь к фотографиям по абсолютному пути https://webpack.js.org/plugins/copy-webpack-plugin/
в очередной раз тут вижу этот бред, зачем делать копипасту когда в webpack есть резолвер импортов?
#
по сути это решение возвращает человека обратно к тому что у него было но накидывает дополнительных костылей
С
А в чем костыли?
0
Попробуйте пробрасывать фотографии из src в dist плагином, и обращайтесь к фотографиям по абсолютному пути https://webpack.js.org/plugins/copy-webpack-plugin/
Есть еще clean который очень годный)
#
А в чем костыли?
в том что есть file_loader
#
который сам кинет все в дист, обработает и пропишет правильный линк
С
Ну он есть, и что дальше?
И
На одной странице надо запустить 2 dev бандла с реактом - они кофликтуют и запускается только первый - по отдельности оба - что нужно учесть может в конфигах указать?
С
Есть еще clean который очень годный)
Обязательно попробую, спасибо за совет
#
На одной странице надо запустить 2 dev бандла с реактом - они кофликтуют и запускается только первый - по отдельности оба - что нужно учесть может в конфигах указать?
можно пример?
#
скорее всего проблема в том что реакт не любит разные версии себя в рамках одного дерева
#
не совсем так конечно, это грубо сказано
А
Есть еще clean который очень годный)
я немного изменил код, добавив ещё и изображение в html. То есть, картинки нужно грузить как с less файла так и с html. Пока ничего не работает. Не знаю, что ещё нужно подправлять в webpack: https://codesandbox.io/s/kind-silence-9rf1k?file=/src/index.html
#
Алексей
я немного изменил код, добавив ещё и изображение в html. То есть, картинки нужно грузить как с less файла так и с html. Пока ничего не работает. Не знаю, что ещё нужно подправлять в webpack: https://codesandbox.io/s/kind-silence-9rf1k?file=/src/index.html
1. в less надо указывать путь до файла с картинкой
#
о чем я уже говорил выше