javascript - 如何获取适用于浏览器的 Twig.js

标签 javascript node.js github twig bower

我在服务器端使用 Twig 作为我的模板系统,并且还想在客户端使用它(以使用相同的模板)。

我也在使用 Bower 并尝试使用此命令来获取 Twig.js:

bower install twig.js

但这并没有安装所有文件夹,如此处所示 https://github.com/twigjs/twig.js 。然后我尝试安装其他最近的分支和提交,但至少仍然缺少 2 个文件夹(binsrc)。

之后,我尝试使用 Git 克隆该项目,它成功了,因为它确实获得了所有列出的文件和文件夹。

但是当我在 HTML 文件中包含 twig.js 时,Chrome 控制台日志中会抛出此错误:

twig.js:13 Uncaught ReferenceError: require is not defined

我最好的猜测是函数“require”属于 Node.js(对吗?)并且必须进行某种编译才能为浏览器获取 Twig.js(对吗???) .

所以,我不知道接下来会发生什么...我怎样才能获得浏览器的 Twig.js? (同时我将从 CDN 获取 Twig.js)。

请帮助我。

最佳答案

我不知道您使用的是哪个版本的 Twig.js,因为这个问题是在大约 2 年前发布的,但可能是 0.9.x 或更高版本。从该版本开始,维护者没有在项目的根目录中提交任何为 Web 使用而编译的 JS 文件。

所以,是的,src/ 文件夹中的 JS 文件是 NodeJS 文件,在浏览器中使用它们之前,您必须“执行某些操作”。该库正在使用 Webpack 构建浏览器兼容版本。

您应该在 GitHub 克隆的根目录中运行 npm install 来设置项目,然后运行 ​​npm run build 来构建 Web 版本。之后检查根目录中的 twig.js

使用 CDN 版本也是一个不错的选择。但由于自 0.9.0 版本以来构建已被排除,因此没有更新版本的 Twig.js on cdnjs低于 0.8.9,而库当前版本为 1.12.0

关于javascript - 如何获取适用于浏览器的 Twig.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39340667/

相关文章:

javascript - 如何使用 JavaScript 将 html 文件立即加载到 textarea 框中?

node.js - socket.io 不会关闭之前的连接

github - 您如何判断GitHub拉取请求是否已发布?

javascript - 生成进程的标准输出在通过管道传输时工作异常

javascript - 将基于 JIT 的 lang 编译为 Webassembly

javascript - 同一页面上的多个图表(chartjs)、构造函数/原型(prototype)模式代码组织

javascript - 如何以异步方式调用 10 个函数并收集所有结果并知道所有结果何时完成?

javascript - "cherry picking"node.js 通过重要的只有一个功能而不是整个包在后端导入有什么好处吗?

github - 如何通过命令行界面邀请人们到私有(private) GitHub 存储库?

reactjs - 在github上发布react应用程序后出现空白页面