Nette - 导入 naja 库

Question

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

我这样做了：

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

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 进行开发。