1

我正在使用官方 Babel 站点 Language API - ruby​​ 中提到的 rails-babel-transpiler gem ,用于将 es6 代码转换为 es5。

我编译的方式,下面是erb文件

<%
require 'babel/transpiler'
transfromed = Babel::Transpiler.transform("import HelloWrapper from '../assets/javascripts/components/HelloWrapper';  ReactDOM.render(<HelloWrapper />, document.getElementById('app'));")

%>
<%= javascript_tag do %>
<%= transfromed["code"].html_safe %>
<% end %>

它被渲染为

//<![CDATA[

'use strict';

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var _assetsJavascriptsComponentsHelloWrapper = require('../assets/javascripts/components/HelloWrapper');

var _assetsJavascriptsComponentsHelloWrapper2 = _interopRequireDefault(_assetsJavascriptsComponentsHelloWrapper);

ReactDOM.render(React.createElement(_assetsJavascriptsComponentsHelloWrapper2['default'], null), document.getElementById('app'));

//]]>

上面的代码可以用UMD方式渲染吗?我在 babelrc 文件中使用了插件“transform-es2015-modules-umd”,但它没有被转换为 UMD 模块。帮我解决这个问题!谢谢

4

0 回答 0