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