построенный проект через веб-пакет не загружает фоновые изображения - PullRequest
Новая
       22

построенный проект через веб-пакет не загружает фоновые изображения

0 голосов
/ 23 февраля 2020

Я использую file-loader и css -loader, и когда я запускаю свой проект на локальных фоновых изображениях, загружаюсь нормально.

Но когда я строю свой проект и запускаю его, у меня появляется ошибка: 

GET file:///D:/my-app/dist/distad17d20a524c558dea7600a239559145.svg net::ERR_FILE_NOT_FOUND

Вот мой конфиг веб-пакета: 

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
    entry: {
        app: ['@babel/polyfill', './src/index.js']
    },
    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, './dist'),
        publicPath: '/dist'
    },
    module: {
        rules: [{
            test: /\.css$/,
            use: [
                MiniCssExtractPlugin.loader,
                "css-loader"
            ]
        },
        {
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: '/node_modules/'
        },
        {
            test: /\.(png|jpg|gif|svg)$/,
            use: [
              'file-loader', 
            ],
        },
    ]
    },
    devServer: {
        overlay: true
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: "[name].css"
        })
    ]
}
...