如何在React和Django中通过正确的路径获取Webpack文件（捆绑文件）？

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')


...

错误情况