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

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

974 members

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

08:50:45 ДП
User 204484928
Часть конфигов
https://gist.github.com/sanex3339/e6a87c32d466218c6664ea269fff508f
08:50:45 ДП
User 204484928
по какой причине webpack-dev-middleware не отдает статик ассеты (картинки)? сами картинки копируюся в корректную папку, путь до ассетов генерируется корректный, но по пути отдается 404-й статус.

publicPath пробовал и относительный /static/ и с хостом вида http://localhost:8080/static/

publicPath пробрасывается в publicPath middleware'а



если билдить без dev-middleware - все ок
09:21:08 ДП
User 204484928
User 204484928
по какой причине webpack-dev-middleware не отдает статик ассеты (картинки)? сами картинки копируюся в корректную папку, путь до ассетов генерируется корректный, но по пути отдается 404-й статус.

publicPath пробовал и относительный /static/ и с хостом вида http://localhost:8080/static/

publicPath пробрасывается в publicPath middleware'а



если билдить без dev-middleware - все ок
не актуально, проблема была в порядке использования middleware'ов
06:14:14 ПП
User 122550876
Господа, подскажите, как сделать так, чтобы Webpack все картинки из <img src="картинка.jpg"> выковыривал и клал в /dist/img?
06:15:06 ПП
User 122550876
Это вроде как делает webpack-image-loader, но у меня не выходит его настроить
06:15:23 ПП
User 122550876
Картинки в dist он не перемещает
06:15:37 ПП
User 97081120
CopyWebpackPlugin. например?
06:15:47 ПП
User 32530886
User 122550876
Это вроде как делает webpack-image-loader, но у меня не выходит его настроить
почему не file-loader?
06:15:56 ПП
User 122550876
Webpack 2
{
    test: /\.(png|jpg|jpeg|gif|woff)$/,
    use :  [
        'file-loader?hash=sha512&digest=hex&name=[hash].[ext]',
        'image-webpack-loader?bypassOnDebug&optimizationLevel=7&interlaced=false'
    ],
}
06:16:08 ПП
User 122550876
User 32530886
почему не file-loader?
Его тоже пробовал
06:16:33 ПП
User 32530886
User 122550876
Webpack 2
{
    test: /\.(png|jpg|jpeg|gif|woff)$/,
    use :  [
        'file-loader?hash=sha512&digest=hex&name=[hash].[ext]',
        'image-webpack-loader?bypassOnDebug&optimizationLevel=7&interlaced=false'
    ],
}
можно же query объект передать, вместо ?foo=bar&baz=bat
06:17:46 ПП
User 122550876
User 32530886
можно же query объект передать, вместо ?foo=bar&baz=bat
Наверное можно, Это важно?
06:17:58 ПП
User 32530886
удобнее же
06:19:29 ПП
User 122550876
User 97081120
CopyWebpackPlugin. например?
Смотрю, спасибо
06:19:47 ПП
User 122550876
User 32530886
удобнее же
Мне щас нужно чтобы оно в принципе заработало, а ен чтобы красиво было
06:19:57 ПП
User 122550876
Красиво можно позже сделать
06:20:01 ПП
User 97081120
да просто читать проще квери и опечатки ловить
06:21:16 ПП
User 32530886
User 97081120
да просто читать проще квери и опечатки ловить
вот отличный довод
06:21:29 ПП
User 122550876
User 97081120
CopyWebpackPlugin. например?
Судя по докам, он тупо файлы из А в Б копирует, но не умеет их из компонент выковыривать
06:21:46 ПП
User 97081120
а из компонент url-loader или file-loader
06:21:57 ПП
User 97081120
только картинку надо не так подключать
06:22:06 ПП
User 122550876
А как?
06:22:15 ПП
User 97081120
например у тебя картинки лежат в /static/img
06:22:32 ПП
User 122550876
Нет, у меня картинки лежат рядом с использующими их компонентами
06:22:37 ПП
User 97081120
еще лучше
06:23:13 ПП
User 97081120
import img from './image.png';

....

<img src={img} />
06:23:22 ПП
06:23:24 ПП
User 122550876
серьёзно?
06:23:29 ПП
User 32530886
ну да
06:23:30 ПП
User 32530886
это норм
06:23:33 ПП
User 97081120
ну чтобы лоадер знал
06:23:39 ПП
User 97081120
что ему надо эту картинку залоадить
06:24:26 ПП
User 97081120
и тогда file-loader их хэшнет и положит куда скажешь, а url-loader хэшнет большие, а мелкие (указывается в квери) в дата урлы превратит чтобы лишние запросы не делать
06:25:50 ПП
User 122550876
ОФИГЕННО
06:25:54 ПП
User 122550876
Спасибо, парни
06:26:16 ПП
06:27:04 ПП
User 122550876
Правда, смущает, что он их в кучу складывает
06:27:47 ПП
User 97081120
а тебе какая разница, как они на сервере лежат продовом? ты же их в папочках компонентов хранишь
06:32:52 ПП
User 122550876
Ну всё-таки