FIS3
FIS3
是面向前端的构建工具,主要解决了前端性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)FIS3
的构建不会修改源码,而是通过用户设置,将构建结果输出到指定的目录
FIS的工作原理
整个FIS3
的构建流程:
- 扫描项目目录拿到文件并初始化出一个文件对象列表
- 对文件对象中每一个文件进行单文件编译
- 获取用户设置的
package
插件,进行打包处理
Webpack
webpack核心概念
entry
一个可执行模块或库的入口文件chunk
多个文件组成的一个代码块loader
文件转换器,比如把ES6
转换为ES5
,SCSS
转换为CSS
plugin
插件,勇于扩展Webpack
的功能,在Webpack
构建
FIS和Webpack的区别
FIS
是一个前端解决方案,基于静态资源标记+动态资源解析表,可以说fis真正做到了静态资源动态按需加载。Webpack
是静态打包,生成chunk
需要手动配置entry
,可以依赖npm社区,plugin
扩展,相比FIS
,Webpack
前端模块化生态更完善,代码本身的质量和可靠性比FIS
更强Webpack
是以JavaScript
为中心,针对JavaScript
去分析各个依赖,控制构建过程。FIS
是以HTML
为中心,分析各个HTML
的依赖控制构建过程