nette - Nette - 导入 naja 库

Question

我有个问题。我需要对我们的 nette 应用程序进行一些修改（第一次使用框架）。我需要通过 FTP 和从 github 下载代码来导入 NAJA lib。我无权访问服务器或控制台，因此无法通过 composer、npm... 下载。

我这样做了：

1. 从https://github.com/jiripudil/Naja/releases下载所有文件（不是 ZIP）并将它们放在目录供应商中

2. 在app/presenters/templates/@layout.latte中加载：

   <script src="{$basePath}/js/vendor/Naja.js" type="module"></script>

3. 试图在我的一个javascript中初始化它：

   document.addEventListener('DOMContentLoaded', naja.initialize() );

但随后弹出错误，说未定义 naja。我错过了什么？

Answer 1

Naja 是使用现代 JavaScript 编写的，它只能通过 ES5+ 导入来初始化，例如

import naja from 'naja';

然后可以在该代码之后添加用于初始化 naja 的事件侦听器，并且可以像这样通过 webpack 编译它https://github.com/MinecordNetwork/Website/blob/master/webpack.config.js

您可以在安装了 npm 和 yarn 的本地计算机上完成所有操作，然后将构建的 bundle.js 上传到服务器，它也用于提到的存储库中，因此您可以查看需要如何以及需要哪些库，以编译来自 /public/js/main.js 类型yarn encore production或yarn build用于开发的代码。