生成的bundle.js跟老师的不一样

Question

! function (e) {
var n = {};

function r(t) {
if (n[t]) return n[t].exports;
var o = n[t] = {
i: t,
l: !1,
exports: {}
};
return e[t].call(o.exports, o, o.exports, r), o.l = !0, o.exports
}
r.m = e, r.c = n, r.d = function (e, n, t) {
r.o(e, n) || Object.defineProperty(e, n, {
configurable: !1,
enumerable: !0,
get: t
})
}, r.r = function (e) {
Object.defineProperty(e, "__esModule", {
value: !0
})
}, r.n = function (e) {
var n = e && e.__esModule ? function () {
return e.default
} : function () {
return e
};
return r.d(n, "a", n), n
}, r.o = function (e, n) {
return Object.prototype.hasOwnProperty.call(e, n)
}, r.p = "", r(r.s = 0)
}([function (e, n) {
console.log("100")
}]);

但在运行npm start时候有这么一个提示

然后我输入yes，生成的bundle.js文件如上。

我还试过选择no，报错如下：

Answer 1

Shirley99 2019-01-21 13:52:44

你可能还需要在webpack.config.js的module.export下设置mode: 'development'，这是git里面会提示的警告内容

Answer 2

双越 2018-04-27 22:53:35

选择 yes 生成的 bundle.js 没错，你可以运行试试

• 提问者 shiny_jun #1

  运行没有问题，但是里面代码距离有点远，不是很理解

• 双越 回复 提问者 shiny_jun #2

  这很正常，因为你 webpack 版本和视频中的版本不一样，随着 webpack 的升级，打包出来的代码有变化是正常的

• 提问者 shiny_jun 回复 双越 #3

  好的，我明白了，谢谢老师！

点开查看后面1条评论