webpack介绍:
它是一个给JS准备的打包工具,它可以把很多的模块打包成很少的静态文件,webpack有一个自己的特性就是代码分割(Code Splitting)可以使项目只加载当时需要的文件,
模块可以通过loaders处理各种各样的文件
模块中JS无论是用CommonJs, AMD, ES6等方式写的,都可以进行处理
甚至还可以处理CSS/image/json….等文件
或者自己定义的文件比如 .vue .js等文件
webpack 目标:1、切分依赖数,按需加载类似前端的懒加载
2、为了保持初始化加载时间更少
3、任何静态资源都可以被视为一个模块,被引用
4、整合第三方类库,当做模块在项目中引用
5、在整个打包过程中自定义,几乎每一个部分都可以自定义,去做自己想做的事情,非常适合大型项目
webpack 为什么会与其他工具不一样
1、Code Splitting
2、loaders
3、插件系统
4、模块热更新