Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。这篇文章主要介绍了webpack源码之compile流程-入口函数run,需要的朋友可以参考下

上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(2)， 细说webpack源码之compile流程-入口函数run 大家可以点击查看。 Tips：写到这里，需要对当初的规则进行修改。在必要的地方，会在webpack.config.js中设置特殊的参数来跑源码，例如本例会使用module:{rules:[...]}来测试，基本上测试参数均取自于vue脚手架(太复杂的删掉)。 　　下面两节的主要流程图如下： 　　在进入compile方法后，迎面而来的就是这么

上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(1)，    细说webpack源码之compile流程-入口函数run 大家可以点击查看。 第一步处理rule为字符串，直接返回一个包装类，很简单看注释就好了。 test 　　然后处理test、include、exclude，如下： if (rule.test || rule.include || rule.exclude) { // 标记使用参数 checkResourceSource("test

Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。 本节流程如图： 　　现在正式进入打包流程，起步方法为run： Compiler.prototype.run = (callback) => { const startTime = Date.now(); const onCompiled = (err, compilation) => { /**/ }; this.app