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