Evaluating traceur and babel in rails environment to see how well they behave in converting simple Ecmascript 6 file.<\/p>\n
Our competitors today are<\/p>\n
Notes:<\/strong><\/p>\n Original<\/strong> class Test { foo() { new Test(); traceur-rails<\/strong><\/p>\n Configuration: Result: sprockets-traceur<\/strong><\/p>\n Configuration: Result: \/\/# sourceMappingURL=data:application\/json;base64,eyJ2ZX… sprockets-es6 using online test in babel website<\/strong> var _createClass = (function () { function defineProperties(target, props) { for (var key in props) { var prop = props[key]; prop.configurable = true; if (prop.value) prop.writable = true; } Object.defineProperties(target, props); } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();<\/p>\n var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(”Cannot call a class as a function”); } };<\/p>\n var Example = require(”test\/example”).Example;<\/p>\n var Test = (function () { console.log(”test class instantiated”); _createClass(Test, { return Test; console.log(”loaded test module”);<\/p>\n new Test(); Notes<\/strong><\/p>\n\n
\n[code lang=”javascript”]
\nimport { Example } from ’test\/example’;<\/p>\n
\n constructor() {
\n console.log(”test class instantiated”);
\n }<\/p>\n
\n return ”x”;
\n }
\n}
\nconsole.log(”loaded test module”);<\/p>\n
\nnew Example();
\n[\/code]<\/p>\n
\n[code lang=”ruby”]
\nTraceur::Config.compile_to = :register
\n[\/code]<\/p>\n
\n[code lang=”javascript”]
\nSystem.register(”test\/test”, [], function() {
\n ”use strict”;
\n var __moduleName = ”test\/test”;
\n var Example = $traceurRuntime.assertObject(System.get(”test\/example”)).Example;
\n var Test = function Test() {
\n console.log(”test class instantiated”);
\n };
\n ($traceurRuntime.createClass)(Test, {foo: function() {
\n return ”x”;
\n }}, {});
\n console.log(”loaded test module”);
\n new Test();
\n new Example();
\n return {};
\n});
\n[\/code]<\/p>\n
\n[code lang=”ruby”]
\nTraceur.configure do |c|
\n precompiled = !(Rails.env.development? || Rails.env.test?)
\n c.default_compilation_options.modules = :register
\n c.default_compilation_options.source_map = !precompiled
\nend
\n[\/code]<\/p>\n
\n[code lang=”javascript”]
\nSystem.registerModule(”test\/test”, [], function() {
\n ”use strict”;
\n var __moduleName = ”test\/test”;
\n var Example = System.get(”test\/example”).Example;
\n var Test = function Test() {
\n console.log(”test class instantiated”);
\n };
\n ($traceurRuntime.createClass)(Test, {foo: function() {
\n return ”x”;
\n }}, {});
\n console.log(”loaded test module”);
\n new Test();
\n new Example();
\n return {};
\n});<\/p>\n
\n;
\n[\/code]
\nsprockets-es6<\/strong>
\n[code lang=”javascript”]
\n\/\/ NA – failed to get sprockets-es6 to work
\n[\/code]<\/p>\n
\nBabel online transform tester<\/a>
\n[code lang=”javascript”]
\n”use strict”;<\/p>\n
\n function Test() {
\n _classCallCheck(this, Test);<\/p>\n
\n }<\/p>\n
\n foo: {
\n value: function foo() {
\n return ”x”;
\n }
\n }
\n });<\/p>\n
\n})();<\/p>\n
\nnew Example();
\n[\/code]<\/p>\n\n