Webpack学习小记

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

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


Webpack学习小记_第1张图片
webpack打包方式

代码分割

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

加载器

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

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


Webpack学习小记_第2张图片

你可能感兴趣的:(Webpack学习小记)