首页 > 利用webpack将es6代码转换,怎么在浏览器运行

利用webpack将es6代码转换,怎么在浏览器运行

b.js代码:

export default a = 20;

编译后:

webpackJsonp([1,2],[
/* 0 */
/***/ function(module, exports) {

    "use strict";

    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    exports.default = a = 20;

/***/ }
]);

test.js代码:

import a from "./b";


function foo () {
    console.log("12345", a);
}
foo();

编译后:

webpackJsonp([0,2],[
/* 0 */
/***/ function(module, exports, __webpack_require__) {

    "use strict";

    var _b = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"./b\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()));

    var _b2 = _interopRequireDefault(_b);

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

    function foo() {
        console.log("12345", _b2.default);
    }
    foo();

/***/ }
]);

求问这样的代码怎么在浏览器内使用?


字节用script标签嵌到代码中


编译后都能正常运行的吧?


output出来的bundle.js直接拿来用就可以了。你这是把编译完的代码直接复制出来用吗?没有模块系统啊。webpack最后打包出来的的模块都是黑魔法模拟的,一个bundle里分出来的模块。


在浏览器页面中引入es6-shims

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