【学习笔记】深入浅出Webpack1

42 阅读1分钟

什么是构建

前端工具写的源代码都无法直接在浏览器中执行,需要转换后才可以。 “构建”做的就是这件事,将源代码转换为可执行的JavaScript、HTML、CSS代码。

为什么用Webpack

Webpack以模块化为核心构建项目,一切文件皆为模块。现在,大多web应用都是模块化开发的。其次,Webpack拥有良好的生态环境且被广泛应用。

什么是Webpack

将一切文件转化为浏览器可以加载的静态资源。 一般从所有模块的入口开始,递归解析出所有依赖的模块,并将其打包成一个文件bundle.js输出。

  • Loader:转换文件
  • Plugin:注入钩子
  • 最终输出多个模块组合的文件

image.png