Webpack学习小记

在Vue项目中会因为各种的需求去对Webpack的配置进行修改。

webpack是一种模块打包的工具，通过一个主文件如index.js，将从这个文件开始找到项目所依赖的所有文件，使用各种loader处理它们并打包成一个（或多个）供浏览器识别的js文件

代码分割

webpack的依赖树中有两种依赖：同步依赖和异步依赖。异步依赖会成为一个代码分割点并组成一个新的代码块，在代码块组成的树被优化之后，每个代码块会保存在一个单独的文件里。

加载器

加载器可以把js外的代码转换成js代码，所有种类的代码都可以组成一个单独的模块，可以通过import将webpack打包的资源以模块的方式引入到程序中。

以上是Vue项目中常用到的加载器：