Почему при билде webpack не может найти изображение. У меня есть Vue компонент:
<template lang="pug">
.form
img(src="images/success.png")
</template>
И картинка подключается успешно,
НО если в стилях указать:
.form{
background: url('images/success.png');
}
то выдаёт ошибку, что не может найти данный модуль
Module not found: Error: Can't resolve './images/success.png'
webpack.config.js:
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, './server/public'),
publicPath: 'server/public',
filename: 'build.js'
},
module: {
rules: [
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
},
},
{
test: /\.sсss$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'sass-loader']
})
}
]
},
plugins: [
new ExtractTextPlugin('style.css')
],
devtool: '#eval-source-map'
}
Если увидите какую-нибудь синтаксическую ошибку, по типу запятой или скобки, то дело не в этом, я вырезал лишнее, мб что-то не усмотрел.
В чём может быть дело? Думаю может нужен какой-нибудь loader...
