Я настроил Django и ReactJS и хочу, чтобы во время разработки загружались статические изображения, а также файлы CSS и js из компонентов ReactJS. Я добавил файл webpack.config.js для конфигурации, но он не дает результата.
Это файл webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.css$/,
use: "css-loader"
},
{
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
loader: "url-loader?limit=100000"
}
]
}
};
Когда я запускаю npm run dev
,это то, что я получаю. ![enter image description here](https://i.stack.imgur.com/KhOJG.png)
Также, когда я запускаю python manager.py runserver
для запуска локального сервера и пробую ссылку, я получаю только HTML-контент, а не HTML со стилем иизображения не встраиваются.
![enter image description here](https://i.stack.imgur.com/DOzQX.png)
Это структура файла, и вы можете видеть хэш выводимого изображения. ![enter image description here](https://i.stack.imgur.com/RayRC.png)
Что я должен сделать, чтобы правильно получить вывод?