问题标签 [traceur]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
196 浏览

node.js - NPM 在 OS X 上安装 traceur 时抛出错误

https://github.com/tejas-manohar/itnerary-civic-hacking——我在本地克隆了这个 git repo。全局安装 grunt-cli 并运行npm run nss(由原始服务器模板的作者编写的脚本 - 查看 package.json,并不复杂)并在 traceur install + git 克隆时遇到许多错误。我已经在下面链接的 pastebin 中包含了来自终端窗口的踪迹。提到的 npm 调试/错误日志不在建议的位置。npm install独自一人无济于事,也没有任何回报。NodeJS v0.10.29 通过 OS X 10.9.3 上的 Node Version Manager (NVM) 安装。

http://pastebin.com/UJFL3k2E

我不是最擅长这里讨论的一些技术。有人会尝试引导我完成(a)解决方案和/或步骤以获得更好的线索吗?感谢所有帮助。

0 投票
1 回答
1091 浏览

node.js - 如何为 traceur.compile 和 traceur.require 设置默认选项?

使用官方的traceur 模块,是否可以为compile和设置默认选项require

例如,此代码有效:

现在,如果我删除traceur.compile的第二个参数(选项对象):

Traceur 将抛出错误,因为该blockBinding选项未启用。有什么方法可以更改默认选项,以便在不总是传递选项对象的情况下编译文件?

除了应用 DRY 原则之外,我主要关心的是获得traceur.require使用自定义选项编译文件的函数——据我所见,traceur.require甚至traceur.require.makeDefault()不接受options参数。

例如,考虑这个代码示例:

而这段代码:

有没有办法在experimental启用该选项的情况下编译所需的文件?
最好通过更改默认选项,因为我看不到任何其他可行的方式。

使用节点 0.10.29 和 Traceur 0.0.49。


这是我想要实现的完整示例。

bootstrap.js(入口点):

index.js:

lib.js:

预期的控制台输出:1

traceur.options.experimental=true用作启用traceur.options对象中的实验功能的设置器,但不幸的是,据我所知,traceur.options它似乎并没有影响traceur.compiletraceur.require


Using Traceur with Node.js Wiki 页面没有提到任何关于编译选项的内容。编译选项页面没有提到 Node.js 中的Traceur API,事实上,我找不到任何关于 Node.js 中的 Traceur API 的文档。

0 投票
1 回答
513 浏览

node.js - 如何使用 nodejs 上的 traceur 模块配置选项

如何使用 nodejs 上的 traceur 模块配置选项。我正在执行以下操作,但似乎不起作用。

traceur.options.annotations = true不会导致在 traceur 中启用注释

0 投票
1 回答
448 浏览

node.js - 使用 Node traceur 编译 ecma 脚本 6

我似乎无法让教程工作:https ://github.com/google/traceur-compiler/wiki/CompilingOffline

  • 我安装了节点
  • 我在这里创建一个文件:C:/xampp/htdocs/angular/laravel/app/script/controllers/home-controller.js
  • 我想编译到这里:C:/xampp/htdocs/angular/laravel/public/scripts/controllers/home-controller.js
  • 我打开 Node,然后运行以下命令:

    $ ./traceur --out C:/xampp/htdocs/angular/laravel/public/scripts/controllers/home-controller.js --script C:/xampp/htdocs/angular/laravel/app/script/controllers/home-controller.js

它放在"..."命令行中。

我关闭节点并重新打开...

然后我把它放在没有它的$地方,它说:

我究竟做错了什么?

0 投票
1 回答
1079 浏览

javascript - Traceur + browserify + 丑化 gulp

我想要一个 gulpfile,它首先将我的 es6 代码转换为 es5 并将其保存到一个目录,然后对其进行浏览器化(在每个文件上,而不仅仅是一个入口文件)并将其保存到另一个目录,最后我想将其缩小并放入它在 browserified 文件夹中作为 .min.js 文件。这是结果应该是什么样子的图表:

到目前为止,这是我的 gulpfile,但我不断收到找不到模块错误:

我知道我不应该使用 gulp-browserify 但我也无法获得类似的东西来使用乙烯基。

它一直工作到 browserify 步骤

我怎样才能让它工作?

编辑:

我希望能够将其保留在 gulp 中,而不必执行任何操作,因为我最终也想在此上使用 watchify

与此接近的所有其他示例首先让 browserify 创建一个包,然后操作该包,但这意味着它将始终启动我不想要的 browserifed。他们似乎还需要为 browserify 指定一个入口文件,但我想指定一个 glob 并让它转换匹配的所有内容

0 投票
1 回答
851 浏览

javascript - 使用 traceur 从另一个 ES6 文件中访问定义在一个 ES6 文件中的类

我正在尝试在 traceur-compiler 的帮助下使用 ES6 语法。

这是我的 index.html。

这是我的 myclass.js

这是我的 main.js

如何使 MyClass 在 main.js 中可见?

我也尝试分配MyClasswindow对象,但这也不起作用。

0 投票
1 回答
1610 浏览

javascript - JavaScript ES6 模块 + 跟踪器

我正在使用通过traceur转译为 ES5 的ES6 模块。 转译是通过 grunt + grunt-traceur 完成的

Traceur 允许您选择要使用的模块处理程序:它自己的、AMD、commonJS 或内联。
我已经尝试了其中的大多数,但似乎没有一个有效。为什么?

测试类.js

主.js

Gruntfile.js(摘录)

index.html(摘录)

给出错误

未捕获的错误:不匹配的匿名定义()模块:函数($__0){

似乎grunt 插件存在问题,但即使使用旧版本似乎也无济于事。

代码改编自一篇文章

0 投票
1 回答
215 浏览

javascript - 将脚本引用为 ES6 模块时,Angular 无法找到模块

我在这里有一个简单的小插曲。我要做的就是app.js通过将type脚本标签的属性设置为module. 如果我添加类型,那么 Angular 似乎找不到该模块。如果我把它拿出来,它会找到它。我究竟做错了什么?

我希望我的app.js文件被视为 ES6 文件的原因是我可以导入其他 ES6 模块,以便我可以创建我的控制器和服务。

traceur用于转译为 ES5。

0 投票
1 回答
642 浏览

javascript - 咕噜找不到任务

我的 grunt 配置出了点问题,我不知道是什么。我的 grunfile.js 的提供者部分

我从上面注册了两个任务:

运行时grunt tr一切正常。但是当代码更改后watch任务尝试运行时traceur,我会收到错误:

为什么 grunt 找不到 traceur 任务?

0 投票
1 回答
874 浏览

javascript - 运行从 ecmascript 6 模块加载的函数

我第一次尝试使用 ecmascript 6 模块系统。我使用 traceur 编译器。给定两个 es6 文件:

Traceur(我使用 grunt-traceur 任务)将它们编译为:

我通过简单的脚本标记将编译后的版本包含init.js到我的 HTML 中:

什么也没有发生。我没有看到我的警报。我究竟做错了什么?