Size: a a a

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

2017 April 28

PL

Pavel Lysenko in Webpack — русскоговорящее сообщество
Правда, смущает, что он их в кучу складывает
источник

MS

Mike 🔥🔥 Salnikov in Webpack — русскоговорящее сообщество
а тебе какая разница, как они на сервере лежат продовом? ты же их в папочках компонентов хранишь
источник

PL

Pavel Lysenko in Webpack — русскоговорящее сообщество
Ну всё-таки
источник
2017 April 29

PL

Pavel Lysenko in Webpack — русскоговорящее сообщество
Господа, подскажите, пожалуйста.

Внутри роутов я использую компоненты, которые включают картинки, примерно так
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.

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

Подскажите, пожалуйста — как быть?
источник

NK

ID:178689889 in Webpack — русскоговорящее сообщество
Я столько с этим ебался, что в итоге просто копировал картинки из папок модулей в отдельную директорию и писал абсолютные пути
источник

NK

ID:178689889 in Webpack — русскоговорящее сообщество
К моей задаче это подходило и работало
источник

PL

Pavel Lysenko in Webpack — русскоговорящее сообщество
Ну не, чот не очинь
источник

PL

Pavel Lysenko in Webpack — русскоговорящее сообщество
источник

V

Vyacheslav in Webpack — русскоговорящее сообщество
Привет
Я разрабатывал с фронтэндщиком сайт
Он скинул мне код и пропал
Код , как я понял, упакован с помощью Webpack
Можно как то это распаковать или править код в таком виде?
источник

РЛ

Разван Ломов in Webpack — русскоговорящее сообщество
Vyacheslav
Привет
Я разрабатывал с фронтэндщиком сайт
Он скинул мне код и пропал
Код , как я понял, упакован с помощью Webpack
Можно как то это распаковать или править код в таком виде?
Хнык
источник
2017 April 30

MS

Max Shammasov in Webpack — русскоговорящее сообщество
Если код минифицирован -то почти никак (
источник

NK

ID:334671707 in Webpack — русскоговорящее сообщество
Vyacheslav
Привет
Я разрабатывал с фронтэндщиком сайт
Он скинул мне код и пропал
Код , как я понял, упакован с помощью Webpack
Можно как то это распаковать или править код в таком виде?
Только найдя исходники. Править сбандленный фаил - это такое себе разалечение. Хоть и занятное
источник

NK

ID:295552673 in Webpack — русскоговорящее сообщество
Vyacheslav
Привет
Я разрабатывал с фронтэндщиком сайт
Он скинул мне код и пропал
Код , как я понял, упакован с помощью Webpack
Можно как то это распаковать или править код в таком виде?
Если уж править, смотри с конца, выше обычно либы.
источник
2017 May 01

A

Alex in Webpack — русскоговорящее сообщество
Vyacheslav
Привет
Я разрабатывал с фронтэндщиком сайт
Он скинул мне код и пропал
Код , как я понял, упакован с помощью Webpack
Можно как то это распаковать или править код в таком виде?
Возможно есть sourcemap, тогда хотя бы код можно будет просмотреть
источник
2017 May 03

k

kapkapbopoh in Webpack — русскоговорящее сообщество
Привет;Подключаю два файла:
Import * as THREE from 'file1';
Import OBJLoader from 'file2';
В file2 функции заданы так:
THREE.OBJLoader {...}
Ругается, что THREE не подключен ( is undefined )
Как правильно подключить файл, чтобы он видел предыдущий?
В голову приходит решение просто все слить в один файл ( но может можно без этого )?
источник

Н

Никита in Webpack — русскоговорящее сообщество
а как ты экспортишь? из file2
источник

🦉⁣

🦉 ⁣ in Webpack — русскоговорящее сообщество
kapkapbopoh
Привет;Подключаю два файла:
Import * as THREE from 'file1';
Import OBJLoader from 'file2';
В file2 функции заданы так:
THREE.OBJLoader {...}
Ругается, что THREE не подключен ( is undefined )
Как правильно подключить файл, чтобы он видел предыдущий?
В голову приходит решение просто все слить в один файл ( но может можно без этого )?
что за THREE.ObjLoader?
источник

🦉⁣

🦉 ⁣ in Webpack — русскоговорящее сообщество
мб его там вообще нет
источник

🦉⁣

🦉 ⁣ in Webpack — русскоговорящее сообщество
можте там и экспортов нет
источник

🦉⁣

🦉 ⁣ in Webpack — русскоговорящее сообщество
может в файле нет определения THREE
источник