Bing's Blog

一张全局概览图这个主题下，将按照这个路径逐一学习总结。END.

Time: 20190920大纲Webpack是什么为什么需要Webpack安装打包测试1.Webpack是什么Webpack是一个开源的JavaScript模块打包工具，核心功能是解决模块之间的依赖，将各个模块按照特定的规则和顺序组织在一起，最终合并为一个JS文件（有时是多个）。这个过程就是模块打包。形象一点说，可以将Webpack看作是模块处理工厂，前端工程的源代码是拆...

Time: 20190920模块是具有特定功能的组成单元，不同模块负责不同的工作，然后会以某种方式联系到一起，形成完整的程序逻辑。CommonJSCommonJS是2009年社区提出的，包含模块、文件、IO和控制台在内的一系列标准。Node.js采用的是CommonJS标准的一部分，并在此基础上做了一些变化。CommonJS标准，最初是为服务端设计，而有了Browserify后，可以将C...

Time: 20190924导入模块式，CommonJS中获取的是导出值的拷贝，ES6模块中则是值的动态映射，且这个映射是只读的。简单来说就是，在CommonJS规范下，通过require()导入的是模块的一份值拷贝，可以任意修改，且不会影响到原模块的值。修改原模块的值也不会变动当前文件下的值。-- 二者在导入那一刻失去了联系。在ES6规范下，打入只是和原模块建立连接，当前文件下不允许修...

Time: 20190925在前面的文章中我们讲到的都是关于模块的组装，现在我们进入到一个新的话题：前端工程涉及到的资源是从哪里来，组装后送到哪里去的问题。本文主要涉及到三个字段的配置：contextentryoutput一、资源的处理流程Webpack资源处理流程事情的开始是：指定入口。这和我们写任何语言的代码是一样的道理，程序的入口是一切一切的开始。同样，资源处理，也...

Time: 20191005预处理器的作用前端工程涉及到的资源，除了JS还有很多其他内容：HTMLCSS模板图片字体…我们前面都是在围绕着JS的打包问题在学习Webpack。现在我们需要进一步学习在Webpack中，如何统一处理多种资源，用到的技术就是预处理技术。预处理器被称作loader，能够赋予Webpack处理不同资源的能力，为前端打包提供了丰富的扩展性。涉及的内...