Webpack и угловая загрузка изображений HTML
Я ломал голову с помощью пачки и угловых. Это может быть простой ответ, но я не могу понять это. Я прочитал почти каждый ответ здесь в стек переполнения на эту тему безрезультатно.
У меня есть HTML-страница, как это (также другой шаблон с изображениями):
<body>
<img ng-src="../images/angular-webpack.png">
<md-button class="md-primary md-raised">
Button
</md-button>
</body>
У меня также есть конфиг веб-пакета:
var webpack = require('webpack');
var CopyWebpackPlugin = require('copy-webpack-plugin');
var path = require('path');
module.exports = {
context: path.resolve(__dirname + '/src'),
entry: ['./js/core/app.module.js'],
output: {
path: './release',
publicPath:'/',
filename: 'app.js'
},
module: {
loaders: [
{
test: /\.html/,
exclude: 'node_modules',
loader: 'raw-loader'
},
{
test: /\.css/,
exclude: 'node_modules',
loader: 'style-loader!css-loader'
},
{
test: /\.(jpe?g|png)$/i,
exclude: 'node_modules',
loader: 'url-loader?limit=8192!img'
}
]
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
}),
new CopyWebpackPlugin([
{from: './index.html', to: './index.html'}
], {
ignore: [
'*.txt',
{glob: '**/*', dot: true}
]
})
],
devServer: {
contentBase: './release'
},
watch: true
};
... но я не вижу загрузки своих изображений. Я пробовал url-загрузчик, файл-загрузчик с publicPath и без него. Я запутался, я не знаю, как отформатировать конфиг веб-пакета или тег html-изображения, чтобы он работал.
У кого-нибудь есть опыт работы с изображениями для работы с веб-пакетом? Также я не хочу включать мои изображения в контроллеры или любой другой файл js. Я хочу, чтобы изображения были объявлены на HTML-странице.