javascript - es6模块转换
高洛峰
高洛峰 2017-04-11 10:07:47
[JavaScript讨论组]

我的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>

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
PHPz

求解,啊啊啊啊啊

PHP中文网

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号