.15-浅析webpack源码之WebpackOptionsApply模块-plugin事件流总览
总体过了一下后面的流程，发现Compiler模块确实不适合单独讲解，这里继续讲解后面的代码： 这行代码与之前设置options默认值非常相似，但是复杂程度根本不是一个次元的。 这一节只能简单的看一眼内部到底有多少东西，整理后源码如下： 这个模块 ...
原文：.3-浅析webpack源码之预编译总览
写在前面： 本来一开始想沿用之前vue源码的标题：webpack源码之 ，但是这个工具比较巨大，所以为防止有人觉得我装逼跑来喷我 或者随时鸽 ，加上浅析二字，以示怂。 既然是浅析，那么案例就不必太复杂，所以继续按照之前vue源码，以最简单形式进行源码分析，如下： 配置文件config.js： 入口文件entry.js： 执行命令为： 不摸鱼了，开始正式进入源码，惯例上图： 之前简单讲解了webp ...
2017-12-11 16:14 3 1112 推荐指数：
相关推荐
Webpack编译结果浅析
如今Webpack已经是一个不可或缺的前端构建工具，借助这个构建工具，我们可以使用比较新的技术（浏览器不能直接支持）来开发。 你是否好奇你写的代码经过Webpack构建之后会生成什么东西？是否有时调试遇到莫名其妙的问题？ 本文不讲如何进行配置，只是基于几个基础的例子，简要分析一下 ...
.1-浅析webpack源码之webpack.cmd
此系列随时可能断更，毕竟我是解释型源码分析…… tips：本系列源码版本为3.10.0 尝试看过Spring的源码，有点烧脑，所以还是重回JS吧！ 在配置完环境变量后，可以通过webpack指令进行打包，需要知道的是，如果当前路径存在webpack ...
CSS预编译与PostCSS以及Webpack构建CSS综合方案
原文链接 CSS全称Cascading Style Sheets（层叠样式表），用来为HTML添加样式，本质上是一种标记类语言。CSS前期发展非常迅速，1994年哈肯·维姆·莱首次提出CSS，199 ...
浅析libuv源码-编译启动
面试的间隙回头复习了一下node，感觉node就像一个胶带，把V8和libuv粘在了一起。 V8毫无疑问，负责解析执行JavaScript，相当于语言层面的桥梁；而libuv则是负责操作系统 ...
浅析常用的import被webpack编译之后
/6859569958742196237。 你的 import 被 webpack 编译成了什么？（李永宁） ht ...
.2-浅析webpack源码之打包后文件
先不进源码，分析一下打包后的文件，来一张图： 首先创建两个JS文件，内容如下： 分别为配置文件和入口JS文件，内容弄个简单的。 接下来在当前目录执行webpack --config config.js，会输出一个output.js，简化后 ...
.14-浅析webpack源码之Watchpack模块
解决掉了最头疼的DirectoryWatcher内部实现，这一节可以结束NodeWatchFileSystem模块。 关于watch的应用场景，仔细思考了下，这不就是热重载的核心嘛。 ...