webpack干嘛的?:
模块打包机,分析目录结构,找到js模块(包括浏览器不能直接识别的代码 typscript sass...),打包成合适的格式供浏览器访问
webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节了
模块打包 构建(项目)
打包的优势(webpack的优势):
1 、模块化,拆分了业务复杂的js代码--》细小的文件
2、 js拓展---》 基于原型面向对象---》基于class(typescript , es6)-->浏览器识别
webpack与gulp的区别:
1、webpack支持模块化,建有优化的流程。
2、webpack具有缓存机制。
webpack的工作原理
简单的说就是分析代码,找到“require”、“exports”、“define”等关键词,并替换成对应模块的引用。
在一个配置文件中,指明对某些文件进行编译、压缩、组合等任务。把你的项目当成一个整体,通过一个给定的主文件(index.js),webpack将从这个文件开始找到你的项目的所有的依赖文件,使用loaders处理他们,最后打包为一个浏览器可以识别的js文件。
webpack安装
npm install webpack