Question

我正在使用ES6制作框架，我正在使用babel将代码转换为es5并使用browserify / babelify来管理模块。

我有一个包含在html页面中的输出文件bundle.js。我无法从此处访问我的包的类或功能（未捕获的ReferenceError：myTest未定义）。我不明白为什么。

＆＃13;

export function myTest() {
    console.log('myTest');
}

＆＃13;

function babelify() {
  return browserifyAPI({
      entries: '../src/es6/utils/app.js',
      extensions: ['.js'],
      debug: DEBUG
    })
    .transform(babelifyAPI)
    .bundle()
    .on("error", function(err) {
      console.log("Error : " + err.message);
    })
    .pipe(source('bundle.js'));
}

gulp.task(TASK_NAME_BABELIFY, [TASK_NAME_CODE_STYLE_CHECKER, TASK_NAME_CODE_ANALYSIS], function() {
  var bundle = babelify();
  bundle.pipe(gulp.dest(OUTPUT_RELEASE_PATH));
});

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script src="../../build/release/bundle.js"></script>
<script src="./main.js"></script>
</body>
</html>

＆＃13;

(function testECS() {
    myTest();
})();

＆＃13;

生成的bundle.js

＆＃13;

(function e(t, n, r) {
  function s(o, u) {
    if (!n[o]) {
      if (!t[o]) {
        var a = typeof require == "function" && require;
        if (!u && a) return a(o, !0);
        if (i) return i(o, !0);
        var f = new Error("Cannot find module '" + o + "'");
        throw f.code = "MODULE_NOT_FOUND", f
      }
      var l = n[o] = {
        exports: {}
      };
      t[o][0].call(l.exports, function(e) {
        var n = t[o][1][e];
        return s(n ? n : e)
      }, l, l.exports, e, t, n, r)
    }
    return n[o].exports
  }
  var i = typeof require == "function" && require;
  for (var o = 0; o < r.length; o++) s(r[o]);
  return s
})({
  1: [
    function(require, module, exports) {
      'use strict';

      Object.defineProperty(exports, '__esModule', {
        value: true
      });
      exports.myTest = myTest;

      function myTest() {
        console.log('myTest');
      }

    }, {}
  ]
}, {}, [1])

＆＃13;

ES6 + Babel + Gulp + Browserify，未捕获的ReferenceError

0 个答案: