Как получить файл веб-пакета (файл в комплекте) по правильному пути в реакции и django?

Question

Дерево моих папок

Cebula4
    -back
    -front
        -templates
            -main.html
        -static
            -bundles
                -MainPage.js (bundled by `webpack`)

Я пытаюсь получить файл MainPage.js в моем main.html Однако всегда возникает ошибка, Не найдено (404).Я думаю, что неправильно понимаю, как получить путь к webpack-файлам, но не знаю, в чем проблема.Вот несколько моих кодов, связанных с этой проблемой.

(я использовал Django на бэкэнде и react на фронтэнде)

Settings.py

...


WEBPACK_LOADER = {
    'DEFAULT' : {
            'BUNDLE_DIR_NAME': 'bundles/',
            'STATS_FILE': os.path.join(BASE_DIR, 'front/webpack-stats.json'),

    }
}


STATIC_URL = '/front/static/'
STATICFILES_DIRS=[
    os.path.join(BASE_DIR,'front/static'),
]
STATIC_ROOT=os.path.join(BASE_DIR,'staticfiles')


...

Ситуация с ошибкой