在 Django 模板中使用通过 npm 安装的 JavaScript 库

Question

我对 JavaScript 有初步的经验，主要以使用 JQuery 为中心。

在我正在构建的 Django 项目中，我通常将我的 JQuery 代码导入 Django 模板，如下所示：<script type="text/javascript" src="{{ STATIC_URL }}js/preloader.js"></script>。

现在我需要使用通过npm 安装的JS 库。特别是这个：github.com/brunobar79/J-I-C。它的工作是在将用户上传到服务器之前压缩在客户端上传的用户。例如。我可以做target_img.src = jic.compress(source_img,quality,output_format).src;。

但是我如何在我的模板中调用这个压缩方法呢？

在哪里/如何导入它？我应该将所有库的代码转储到一个单独的文件中并通过<script type="text/javascript" src="{{ STATIC_URL }}js/JIC.min.js"></script> 导入吗？

如果我要这样做，那为什么还要通过npm 安装库呢？

就像我说的那样，我在这个领域的知识是初级的。如果能有一个说明性的例子来阐明我的概念，那就太好了。

Answer 1

节点包库，通常捆绑到public/bundle.js 文件中。为此，您需要像 browserify / webpack / rollup 等这样的捆绑程序。

您还需要在部署管道中使用 npm 创建单独的捆绑步骤，这会将您的所有 js 文件捆绑到一个 bundle.js 文件中。

---

不过，如果你不是一个重度 js 应用，你可以手动将 min.js 文件放在静态文件夹中的某个位置。