FIS3和Webpack打包的区别

FIS3

FIS3面向前端的构建工具,主要解决了前端性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)
FIS3的构建不会修改源码,而是通过用户设置,将构建结果输出到指定的目录

FIS的工作原理

整个FIS3的构建流程:

  • 扫描项目目录拿到文件并初始化出一个文件对象列表
  • 对文件对象中每一个文件进行单文件编译
  • 获取用户设置的package插件,进行打包处理

Webpack

webpack核心概念

entry一个可执行模块或库的入口文件
chunk多个文件组成的一个代码块
loader文件转换器,比如把ES6转换为ES5SCSS转换为CSS
plugin插件,勇于扩展Webpack的功能,在Webpack构建

FIS和Webpack的区别

FIS是一个前端解决方案,基于静态资源标记+动态资源解析表,可以说fis真正做到了静态资源动态按需加载。
Webpack是静态打包,生成chunk需要手动配置entry,可以依赖npm社区,plugin扩展,相比FISWebpack前端模块化生态更完善,代码本身的质量和可靠性比FIS更强
Webpack是以JavaScript为中心,针对JavaScript去分析各个依赖,控制构建过程。FIS是以HTML为中心,分析各个HTML的依赖控制构建过程

参考链接

FIS3和Webpack有什么区别?
fex-team/fis3
FIS3 VS Webpack