从源码探究构建工具--webpack

254 阅读1分钟

什么是模块

模块就是独立的JS文件

什么是模块化

所谓的模块化,就是我们平时组织和管理代码方法的一种实现

CommonJS 、AMD、CMD、ES6区别

构建工具的作用

将代码经过编译、压缩、检查等一系列工作,加工成为浏览器能够识别的,精简的并且能够高效的运行的代码;

webpack的工作原理

把项目当做整体,找到主入口文件,如index.js,从这个主文件开始找到你项目的所有的依赖文件,使用Loader打包成一个或多个浏览器可以识别的js文件;
loader主要用来处理资源文件,plugin主要用来补充loader,实现loader不能处理的事情,对整个构建过程起作用,扩展功能;

webpack编译原理

比如js文件中的require,浏览器不认识,则webpack的原理就是重新定义require函数,该函数时一个浏览器可执行的函数;