前端模块化 自从 JavaScript 诞生以来，人们一直将它作为一种网页脚本语言，一般只用作表单校验跟页面特效，由于被仓促的创造出来，所以它自身的各种陷阱和缺点也被编程人员所诟病。随着 Web2.0 的流行，各种前端库和框架被开发出来，随后随着更多的用户需求在前端被实现，JavaScript 也从表单校验跃迁到应用开发的级别上。在这个过程中，它大致经历了工具类库、组件库、前端框架、前端应用的变迁。随着...

• 2.4k
• 9min

看我来实现一个webpack loader loader的基本概念在webpack中，loader本质是一个函数，在我们执行文件操作时，会通过该函数对接收到的内容进行转换，返回转换后的结果。因为 Webpack 只支持 JavaScript 文件，所有有的时候，loader也对其他类型的文件进行转译处理，转换为 Webpack 支持的文件。实现一个同步的 loader在实现之前，我们先看一下什么是同步loader：默认创建的Loade...

• 1.4k
• 6min

Tree shaking是什么？ 一直以来都知道在 webpack 打包优化中，有 tree shaking（别名：树摇）这一项优化，却不知道它的工作机制和原理，趁着今天复习知识的空学习一下tree shaking 是什么？tree shaking，别名：树摇，最早是由Rollup实现。根据字面意思我们可以把它理解成一种工具，可以“摇动”我们的 JS 文件，将其中用不到的代码“摇”掉，属于性能优化的一部分。具体到实际场景中来...

• 316
• 1min

webpack一二三讲 webpack是什么？webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖，webpack有对应的模块加载器，而且会分析模块间的依赖关系，最后合并生成优化的静态资源webpack基本功能和工作原理代码转换：TypeS...

• 3.1k
• 11min