时间戳

首页 > 解决方案 > 使用 Webpack 和 Django 设置

django - 使用 Webpack 和 Django 设置

问题描述

我尝试使用Django-webpack-loaderwithDjango但VueJs我无法使用正确的设置来加载我的复杂项目设置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'. 如何正确调整文件夹设置？

谢谢

标签： djangowebpack

解决方案

对此有一个很好的看法。按照下面的链接

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

它适用于 ReactJS，但希望您可以将其与您正在使用的框架联系起来。

推荐阅读