任务管理

San CLI中主要通过san servesan build命令进行生产和开发环境的打包,San的脚手架工程内置了四个命令,包括启动本地服务、生产环境打包、打包分析、现代模式打包等,脚手架工程的package.json内可执行的命令有:

npm run start // 打包+启动本地服务
npm run build // 打包发布
npm run analyzer // 打包分析
npm run build:modern // 现代模式打包

San CLI UI的任务管理中对每一个内置命令实现了对应的可视化操作任务,同时增加了一个内置的inspect任务,用于查看webpack的配置,

任务详情

进入其中一个任务的详情页后,比如 start,在右上角设置按钮可以配置该任务,点击运行启动任务。

San CLI UI的任务管理,在实现内置命令执行的同时,通过插件机制实现了命令的增强:

  • 在仪表盘将打包过程及结果的统计信息进行了可视化的展示,包括资源大小及执行速度等,使得打包过程更清晰,产出大小分类更直观。
  • 在任务的分析tab,将包的大小分下采用环状统计图显示,对比更明显,有助于快速定位优化。
  • San CLI UI将后台的原始输出展示在页面,用户无需手动切换窗口,更快定位编译问题。