/eseat

Primary LanguageJavaScript

eseat

开发目标

  • 兼容webpack的loader
  • 提高代码复用率,提供跨应用的代码复用
  • 前端整体开发解决方案

设计思路

  • 考虑单页面应用和多页面,应用-->页面和组件
  • 通过引入其他应用,来实现代码复用,减少体积

应用

  • 应用是指为了实现某种功能,组织到一块,不可分割的代码块

  • 应用运行在浏览器端,需要经过loader打包处理,这是应用与库的区别

  • 应用有且只有一个入口(本框架约定为app.js),打包后只有一个文件

    打包后的文件不包含第三方库和其他应用

  • 一个应用是以入口为根,其他依赖为枝叶的依赖树

  • 应用是纯js的,使用的时候必须挂到某个html上才有效果

    只有在config中指定了的app才会进行挂载,默认挂载到同名html或者index.html

第三方库打包

  • 第三方应用的打包采用通用包和拓展包的方案
  • 通用包采用最小原则,所有应用都用到的才会打到通用包
  • 拓展包每个应用都会打,内容为该应用中用到但不在通用包中的第三方库