如何将Django项目外的Public/assets目录配置为静态文件？

我来帮你搞定这个问题，其实只需要两步就能把Webpack生成的app.js顺利引入到Django模板里：

第一步：配置Django的静态文件目录 #

打开你的settings.py，找到静态文件相关配置区域，做以下调整：

• 先确认STATIC_URL的配置（默认一般是/static/，没修改过的话保持即可）：

  STATIC_URL = '/static/'
  

• 添加STATICFILES_DIRS配置，把Public/assets目录加入到Django的静态文件搜索路径中。推荐用BASE_DIR拼接绝对路径，避免硬编码路径的问题：

  import os
  BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  
  STATICFILES_DIRS = [
      os.path.join(BASE_DIR, 'Public', 'assets'),
      # 其他自定义静态目录也可以在这里添加
  ]
  

  这个配置会告诉Django：除了默认的各app下的static目录，还要从Public/assets里查找静态资源。

第二步：在模板中引入编译后的脚本 #

打开你的template/base.html，先在模板顶部加载静态文件标签（如果还没加的话）：

{% load static %}

然后在合适的位置（通常是</body>标签前），用static标签引用app.js：

<script src="{% static 'app.js' %}"></script>

额外注意事项 #

• 开发环境（DEBUG=True）：Django会自动从STATICFILES_DIRS中读取静态文件，重启Django服务后就能看到效果，无需额外操作。
• 生产环境（DEBUG=False）：需要运行collectstatic命令，把所有静态资源收集到STATIC_ROOT指定的目录中，确保服务器能正常访问：

  python manage.py collectstatic
  

  记得提前在settings.py中配置好STATIC_ROOT：

  STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
  

这样就完成啦，Webpack生成的app.js就能正常在Django模板中加载运行了。

内容的提问来源于stack exchange，提问作者Anthony