问题标签 [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.
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) 安装。
我不是最擅长这里讨论的一些技术。有人会尝试引导我完成(a)解决方案和/或步骤以获得更好的线索吗?感谢所有帮助。
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.compile
。traceur.require
Using Traceur with Node.js Wiki 页面没有提到任何关于编译选项的内容。编译选项页面没有提到 Node.js 中的Traceur API,事实上,我找不到任何关于 Node.js 中的 Traceur API 的文档。
node.js - 如何使用 nodejs 上的 traceur 模块配置选项
如何使用 nodejs 上的 traceur 模块配置选项。我正在执行以下操作,但似乎不起作用。
traceur.options.annotations = true
不会导致在 traceur 中启用注释
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
它放在"..."
命令行中。
我关闭节点并重新打开...
然后我把它放在没有它的$
地方,它说:
我究竟做错了什么?
javascript - Traceur + browserify + 丑化 gulp
我想要一个 gulpfile,它首先将我的 es6 代码转换为 es5 并将其保存到一个目录,然后对其进行浏览器化(在每个文件上,而不仅仅是一个入口文件)并将其保存到另一个目录,最后我想将其缩小并放入它在 browserified 文件夹中作为 .min.js 文件。这是结果应该是什么样子的图表:
到目前为止,这是我的 gulpfile,但我不断收到找不到模块错误:
我知道我不应该使用 gulp-browserify 但我也无法获得类似的东西来使用乙烯基。
它一直工作到 browserify 步骤
我怎样才能让它工作?
编辑:
我希望能够将其保留在 gulp 中,而不必执行任何操作,因为我最终也想在此上使用 watchify
与此接近的所有其他示例首先让 browserify 创建一个包,然后操作该包,但这意味着它将始终启动我不想要的 browserifed。他们似乎还需要为 browserify 指定一个入口文件,但我想指定一个 glob 并让它转换匹配的所有内容
javascript - 使用 traceur 从另一个 ES6 文件中访问定义在一个 ES6 文件中的类
我正在尝试在 traceur-compiler 的帮助下使用 ES6 语法。
这是我的 index.html。
这是我的 myclass.js
这是我的 main.js
如何使 MyClass 在 main.js 中可见?
我也尝试分配MyClass
给window
对象,但这也不起作用。
javascript - JavaScript ES6 模块 + 跟踪器
我正在使用通过traceur转译为 ES5 的ES6 模块。
转译是通过 grunt + grunt-traceur 完成的
Traceur 允许您选择要使用的模块处理程序:它自己的、AMD、commonJS 或内联。
我已经尝试了其中的大多数,但似乎没有一个有效。为什么?
测试类.js
主.js
Gruntfile.js(摘录)
index.html(摘录)
给出错误
未捕获的错误:不匹配的匿名定义()模块:函数($__0){
似乎grunt 插件存在问题,但即使使用旧版本似乎也无济于事。
代码改编自一篇文章。
javascript - 将脚本引用为 ES6 模块时,Angular 无法找到模块
我在这里有一个简单的小插曲。我要做的就是app.js
通过将type
脚本标签的属性设置为module
. 如果我添加类型,那么 Angular 似乎找不到该模块。如果我把它拿出来,它会找到它。我究竟做错了什么?
我希望我的app.js
文件被视为 ES6 文件的原因是我可以导入其他 ES6 模块,以便我可以创建我的控制器和服务。
我traceur
用于转译为 ES5。
javascript - 咕噜找不到任务
我的 grunt 配置出了点问题,我不知道是什么。我的 grunfile.js 的提供者部分
我从上面注册了两个任务:
运行时grunt tr
一切正常。但是当代码更改后watch
任务尝试运行时traceur
,我会收到错误:
为什么 grunt 找不到 traceur 任务?
javascript - 运行从 ecmascript 6 模块加载的函数
我第一次尝试使用 ecmascript 6 模块系统。我使用 traceur 编译器。给定两个 es6 文件:
Traceur(我使用 grunt-traceur 任务)将它们编译为:
我通过简单的脚本标记将编译后的版本包含init.js
到我的 HTML 中:
什么也没有发生。我没有看到我的警报。我究竟做错了什么?