Как объединить изображения с помощью веб-пакета? ⇐ CSS

[Anonymous]

Я создаю приложение angular2 с помощью упаковщика модулей Webpack. Теперь я добавил загрузчик файлов для загрузки файлов изображений, таких как jpg, gif, png и т. д. Но когда я запускаю команду сборки, файлы изображений не объединяются. Вот моя конфигурация:

webpack.config.js (только конфигурация загрузчика изображений)

Код: Выделить всё

{
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?v=.+)?$/,
loader: 'file-loader?name=assets/[name].[hash].[ext]'
},

Я включил изображения из папки в свой html-шаблон следующим образом:

Код: Выделить всё

[img]/asset/img/myImg.png[/img]

и в моем CSS:

Код: Выделить всё

#myBackground {
background: background: #344556 url(/assets/img/background.jpg) center/cover;
}

Но когда я собираю все приложение, изображения не помещаются в папку ресурсов, как я указал в конфигурации веб-пакета.
Самое странное то, что для шрифтов используется одна и та же конфигурация, и они создаются внутри папки ресурсов. Это мой CSS для включения шрифтов в style.css:

Код: Выделить всё

@font-face {
font-family: 'robotolight';
src: url("../fonts/roboto-light-webfont.eot");
src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto-light-webfont.svg#robotolight") format("svg");
font-weight: normal;
font-style: normal;
}

Все файлы этого шрифта, такие как svgs, ttf, woff и т. д., можно найти в папке ресурсов после запуска сборки.

Может кто-нибудь сказать мне, почему изображения не создаются в папке ресурсов, а файл шрифтов создается с той же конфигурацией/загрузчиком.

Подробнее здесь: https://stackoverflow.com/questions/415 ... ng-webpack