本篇博客是为了加深对于webpack的理解

webpack的作用是什么？

前端网页功能丰富、现如今SPA（Single Page Web Application 单页面应用）技术大量应用， JavaScript 的复杂的增加，以及 Scss 、 Less 和 Typescript 的编译工作都需要 webpack 来解决处理。

webpack的工作原理

webpack 是一个模块打包工具，它主要做以下工作：

  • 分析项目的结构、找到需要的 JavaScript 模块
  • 将非 JavaScript 的文件（ Scss 、 Less 和 Typescript 等）转换为合适的格式，让浏览器执行

webpack的打包原理

webpack 将一切都视为模块，无论是 JavaScript 、 Css 、 HTML 和 Image 图片资源等等都可以相互引用，通过 entry.js 对所有依赖的文件进行追踪，将各个模块通过 loader 和 plugins 处理进行打包。

webpack的核心概念