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

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 29 апреля 2017 г.

12:17:32 ПП
User 122550876
Господа, подскажите, пожалуйста.

Внутри роутов я использую компоненты, которые включают картинки, примерно так
import myImg from './img.png'
<img src={myImg}>

Точка входа приложения выглядит вот так
const router = (
  <BrowserRouter>
    <Route path='/'
         component={App}/>
  </BrowserRouter>
);

ReactDOM.render(
  router,
  document.getElementById('root')
);

Вебпак всё складывает в папку dist. В том числе и картинки из компонентов.

Проблема в том, что складывает он их в корень, примерно так 
dist/img.png

А пути в HTML прописывает согласно роутам, примерно так
<img src="/path/img.png">

Соответственно, все картинки на вложенных роутах — 404.

Мне нужно сказать вебпаку складывать картинки в dist согласно вложенности роутов, или же сказать писать пути без роутов в  HTML.

Ни то, ни другое у меня не получается.

Подскажите, пожалуйста — как быть?
12:27:55 ПП
User 178689889
Я столько с этим ебался, что в итоге просто копировал картинки из папок модулей в отдельную директорию и писал абсолютные пути
12:28:14 ПП
User 178689889
К моей задаче это подходило и работало
12:37:30 ПП
User 122550876
Ну не, чот не очинь
12:41:09 ПП
User 122550876
http://stackoverflow.com/questions/43695730/webpack-moves-images-regardless-it-component-nested-routes
stackoverflow.com/questions/43695730/webpack-moves-images-regardless-it-component-nested-routes
I am using components with inside routes. import myImg from './img.png' Webpacks build move all files to thedist` folder, including images from components....
04:55:20 ПП
User 52128799
Привет 
Я разрабатывал с фронтэндщиком сайт 
Он скинул мне код и пропал 
Код , как я понял, упакован с помощью Webpack 
Можно как то это распаковать или править код в таком виде?
07:40:20 ПП
User 107340798
User 52128799
Привет 
Я разрабатывал с фронтэндщиком сайт 
Он скинул мне код и пропал 
Код , как я понял, упакован с помощью Webpack 
Можно как то это распаковать или править код в таком виде?
Хнык
11:01:20 ПП
User 152238190
Если код минифицирован -то почти никак (