使用Webpack和Django设置

时间:2019-02-17 21:29:53

标签: django webpack

我尝试将Django-webpack-loaderDjangoVueJs结合使用,但是我无法在复杂的项目设置中使用正确的设置来加载webpack bundle。我的项目布局是

    Endofyogavidya
    --dist/bundle.js
    manage.py
    webpack.config.js
    --Yogavidya
    ----apps
    ----static
    --------main.js
    --------App.Vue
    ----templates
    ----settings
    ------base.py
    ------development.py

在我的settings.py

PROJECT_ROOT = os.path.abspath(os.path.dirname(__file__))
STATIC_URL = '/public/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, "dist"),
)

WEBPACK_LOADER = {
    'DEFAULT': {
        'CACHE': not DEBUG,
        'BUNDLE_DIR_NAME': '',
        'STATS_FILE': os.path.join(PROJECT_ROOT, 'webpack-stats.json'),
        'POLL_INTERVAL': 0.1,
        'TIMEOUT': None,
        'IGNORE': ['.+\.hot-update.js', '.+\.map']
    }
}

我的index.html无法正常工作,因为django使用这些设置尝试将我的资产收集到'/home/ytsejam/public_html/endofyogavidya/yogavidya/settings/dist'。如何正确调整文件夹设置?

谢谢

1 个答案:

答案 0 :(得分:1)

对此有一个很好的评价。请点击以下链接

https://medium.com/labcodes/configuring-django-with-react-4c599d1eae63

它用于ReactJS,但希望您可以将其与正在使用的框架相关。