首页 > es6模块转换

es6模块转换

我的es6语法js文件es2015.js:

import $ from '../../bower_components/jquery/dist/jquery';
$(document).ready(function(){
    $('body').append($('<p>hello es6 module</p>'));
});

然后我是想通过babel将它转换为es5语法,也就是require([''],function(){});这种语法,而不是转换成define([],function(){});这种把这个文件弄成模块了。
babel编译后是这样:out.js

define(['../../bower_components/jquery/dist/jquery'], function (_jquery) {
    'use strict';

    var _jquery2 = _interopRequireDefault(_jquery);

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

    (0, _jquery2.default)(document).ready(function () {
        (0, _jquery2.default)('body').append((0, _jquery2.default)('<p>hello es6 module</p>'));
    });
   );

然后我直接将out.js通过

    <script src="../require.js"></script>
    <script type="text/javascript" src="../config.js"></script>
    <script type="text/javascript" src="../js/out.js"></script>

引入,浏览器报错怎么回事?


你应该需要 <script src="babel-runtime.js"></script>


求解,啊啊啊啊啊

【热门文章】
【热门文章】