用户6861495323090

webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。本文主要介绍一下Tapable中的钩子函…

TreeShking 是通过静态分析的方式找出源码中不会被使用的代码进行删除，达到减小编译打包产物的代码体积的目的。 JS 我们会用 Webpack、Terser 进行 TreeShking，而 CS

手写webpack tapable源码，new Function动态生成函数执行体，Hidden Class、单态性在tapable源码中的使用

webpack的成功之处，不仅在于强大的打包构建能力，也在于它灵活的插件机制。 也许你了解过webpack的插件与钩子机制；但你或许不知道，webpack内部拥有超过180个钩子，这些钩子与模块（内置插件）之间的「创建」「注册」「调用」关系非常复杂。因此，掌握webpack内部…

uniapp自身的配置只区分了生产和非生产环境，但是实际开发以及部署过程中还需要区分多套环境以满足不同的需求。

新建env文件 在根目录下新建两个文件：.env.prod和.env.test,分别对应正式环境跟测试环境，当然你可以根据自己的需求添加env文件，如本地开发调试可以新增.env.dev 示例文件内容

经过上一篇博客分析webpack从命令行到打包完成的整体流程，我们知道了webpage的plugin是基于事件机制工作的，这样最大的好处是易于扩展。社区里很多webpack的plugin，但是具体到我们的项目并不一定适用，这篇博客告诉你如何入手写一个plugin，然后分析源码相…

JavaScriptParser是把js源码转化为抽象语法树的解析器。常用的JavaScript Parser： 其中webpack就是使用的acorn将源代码解析成AST进行操作。 loader是webpack用来处理加载不同资源文件的插件，它只在webpack对资源文件进行…