django npm 和节点包架构

Question

在我加入的项目中，这是node_packages 的架构：

|- Django project
|-- app1
|-- app2
|-- node_modules
|--- foundation-sites
|--- grunt
|-- static
|--- css
|--- images
|--- js
|--urls.py
|--settings.py
|--package.json

我个人认为node_packages应该在js文件夹下的static以及package.json这样的：

|- Django project
|-- app1
|-- app2
|-- static
|--- css
|--- images
|--- js
|---- node_modules
|----- foundation-sites
|----- grunt
|---- packages.json
|--urls.py
|--settings.py

有区别吗？哪个是最佳实践？为什么？

Answer 1

我理解您希望将所有与 javascript 相关的文件保存在一个位置的想法，但您可能希望将 node_modules 文件夹和 package.json 文件保留在 Django 应用程序的 @987654323 之外的几个原因@目录。

1. 您最终可能会静态地提供不应该的文件。如果您的生产环境中存在 node_modules 文件夹，则每次运行 collectstatic 都必须检查它是否同步，由于节点嵌套的依赖结构，这可能会很慢。并且假设您有一个构建步骤来捆绑和转译您的 JS，如果这些源文件在 static 内，它们也将无缘无故地作为静态文件提供。
2. 您可能希望将 node 不仅仅用于您的 JavaScript 构建过程。 我看到您正在使用 Grunt，并且您可能希望将它用于超出您的 JavaScript 需求，例如缩小您的 @987654327 @，或者在你的 Django 开发服务器周围运行一个代理服务器，当文件更改或 Django 服务器重新启动时，它会自动重新加载你的浏览器。考虑到这一点，将 Node.js 视为构建过程中可以触及项目任何部分的工具可能更有意义，JavaScript 的捆绑/转译只是其中的一部分。

Answer 2

• 将node_modules 和package.json 放在项目的顶层：

  • 易于访问，您可以在项目的顶层安装模块并运行命令
  • 依赖项在顶层公开，通常与 pip 要求一起
  • 与您的代码分离的外部库/模块
• 将node_modules 添加到.gitignore

• 仅提供生成的文件。将您的源代码保留在STATICFILES_DIRS 之外

• （可选）如果您想在不使用 vendoring（而不是 bower）的情况下提供某些 npm 模块，请使用 django-npm 之类的工具来指定要公开的内容

示例项目：

https://github.com/mbrochh/django-reactjs-boilerplate

https://github.com/Seedstars/django-react-redux-base

Answer 3

通常node_modules 应该在 Django 应用程序之外。我用于 Django 应用程序的典型格式如下：

- AppName
---- appname (This is the Django Project)
---- appname-env (Python virtualenv)
---- bower_components
---- bower.json
---- gulpfile.js
---- node_modules
---- package.json
---- requirements.txt

然后我使用 gulp 将组件从节点模块或 bower 组件复制到我的应用程序 static/lib 目录中。