webpack学习

在生产环境和开发环境下，经过webpack打包的代码在运行发生错误时，控制台报出的错误信息让人很难定位。如下： 则同样的代码以及同样的抛出错误，控制台报出的信息会更详细。如下： 为什么运行的是已经打包压缩后的代码，然而在输出报错时可以精准定位到开发代码。其中是借助sourcem…

对Webpack的打包后的代码的运行逻辑蛮有兴趣，所以阅读了下代码学习总结一下。 它是一个立即执行函数。通过把开发模块传入到modules形参，然后立即执行函数执行。我们先看一下模块数组的代码： 开发的所有模块会按照引入顺序依次放到modules数组中。入口文件中的代码会放到数…