Я новичок в webpack, но имею некоторые проблемы с css-загрузчиком или файловым загрузчиком.
Я пытаюсь загрузить фоновое изображение, но оно работает неправильно. Фоновое изображение не отображается, хотя devtools показывают стиль background-image
.
Если я скопирую стиль background-image
в блок element.style
, все будет хорошо. Я где-то делаю глупую ошибку?
Тег тела должен иметь фоновое изображение. Стиль появляется в инструментах разработчика, и ошибок нет:
Я могу загрузить файл 5a09e4424f2ccffb6a33915700f5cb12.jpg
, но тело не имеет фона.
Если я вручную скопирую и вставляю css-строку в element.style
в DevTools, все работает:
Это происходит, если я свяжусь с webpack-dev-server
или просто webpack
и в Chrome и Firefox.
Другие стили, такие как body { background-color: red }
, работают нормально.
Это webpack.config.js:
const path = require('path');
module.exports = {
"entry": [
'./src/index.js'
],
"output": {
"path": path.join(__dirname, 'build'),
"filename": "bundle.js"
},
devtool: "source-map",
"module": {
"loaders": [
{
"test": /\.scss$/,
"loaders": ["style", "css?sourceMap", "sass?sourceMap"]
},
{
test: /\.jpg$/,
loader: "file-loader"
}
]
},
devServer: {
contentBase: './build'
}
};