Javascript 如何获取浏览器的Twig.js

我正在使用Twig作为服务器端的模板系统，也希望使用它作为客户端（使用相同的模板）

我也在使用Bower并尝试使用以下命令获取Twig.js：

bower install twig.js

但这并没有像这里看到的那样安装所有文件夹。然后我尝试安装其他最近的分支和提交，但仍然缺少至少两个文件夹（

bin

&

src

）

在那之后，我尝试用Git克隆这个项目，它成功了，因为它确实得到了所有列出的文件和文件夹

但当我在HTML文件中包含

twig.js

时，Chrome控制台日志中会出现以下错误：

twig.js:13未捕获引用错误：未定义require

我最好的猜测是函数“

require

”属于Node.js（对吗？），必须进行某种编译才能为浏览器获取Twig.js（对吗？）

所以，我不知道下一步是什么。。。如何获取浏览器的Twig.js？（同时，我将从CDN获取Twig.js）

---

请帮帮我。

您必须安装RequireJS才能使用

require（“twig”）。首先安装，然后运行。
我不知道您使用的是哪个版本的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起，没有比0.8.9更新的Twig.js版本，而该库当前处于版本1.12.0
或运行
npm install Twig--save
，因此编译的文件位于：


node\u模块/twig/twig.js
和
node\u模块/twig/twig.min.js
您必须安装
requirejs
才能使用
require（“树枝”）。先安装，然后运行。谢谢。加上你的评论作为答案，这样我至少可以做+1。另外，您知道如何将src文件夹中的所有文件合并到一个文件夹中吗？这只适用于0.9.0以下的版本，就像0.9之前一样。维护人员在软件包中提供了编译过的库。从版本0.9.0开始，这些文件不再there@7ochem：我指的是
node\u modules/twig
文件夹，而不是
dist
文件夹。刚刚再次尝试了
npm install twig--save
，安装了1.12.0版。没错，它已在发布的版本中发布。因此，可以选择使用npm而不是bower来获取Twig.js