StyleCombine

服务端的模块加载器
授权协议 未知
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 上官鸿朗
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

styleCombine 提供了一套促成更彻底的应用模块化开发与性能自动化保障的解决方案,并创新性的提出了服务端的模块加载器的构建思路,是降低前端开发成本,提升应用性能和可维护性的利器,目前已经在阿里巴巴中文站全站得到广泛的应用。

styleCombine 是一个服务器端的模块加载器,它能够帮助我们实现以下功能:

  • 将 HTML 页面上的多个 js/css 请求自动地合并成一个请求,发送给 combo 服务器。    ---  促进应用模块化架构

  • 对于入口的 AMD/CMD 模块,能够自动解析出模块的深层依赖关系,并将所依赖文件及页面上的其它 js 文件合并为一个请求发送。 ---  自动提取、无需配置

  • 对 HTML 页面中每个 js/css 链接都会根据文件内容自动地添加版本号后缀,js/css 内容更新将触发版本号的实时更新,使得浏览器端缓存或 CDN 缓存能够强制失效。   --- 降低 CDN 部署成本

与浏览器端的模块加载器(requireJS、seaJS )不同,以上所有的工作都发生在服务器端,是对 html 源码的直接改变,能够做到浏览器端加载器所不能完成的功能,并取得更好的加载性能,故称之为服务器端的模块加载器。

 相关资料
  • 不管是用import还是用from mmmm import *的方式导入模块,当程序运行之后,回头在看那个存储着mmmm.py文件的目录中(关于mmmm.py文件可以看上一讲),多了一个文件: qw@qw-Latitude-E4300:~/Documents/ITArticles/BasicPython/codes$ ls mmm* mmmm.py mmmm.pyc 在这个目录下面,除了原来的

  • 模块是存在远程服务器上的,因此需要一个特殊的加载器来加载这些已经定义好的模块。 目前,根据模块化规范,对应的模块加载器有: CMD 直接执行:coolie.js 直接执行:Sea.js 链接: 如何实现一个 CMD 模块加载器 sea.js 与 RequireJS 的异同 AMD 直接执行:RequireJS。 链接: Javascript模块化编程(一):模块的写法 Javascript模块化编

  • 模块加载和依赖管理 综合学习: 用 Browserify 创建 JavaScript 模块 [watch][$] Webpack 基本原理 [watch] browserify-handbook [read] ES6 模块 [read] 参考/文档: browserify system.js webpack 译者补充: React Webpack cookbook 详解前端模块化工具-Webpac

  • 为了显示这种关系,让我们开始定义一个简单的模块,作为我们的示例应用程序的根模块。 app/app.module.ts 到目前为止,这是一个非常常见的模块,依赖于,有一个路由机制和两个组件:AppComponent和EagerComponent。 现在,让我们专注于定义导航的应用程序(AppComponent)的根组件。 app/app.component.ts import { Component

  • 模块/包加载工具 SystemJS webpack Broeserify rollup.js

  • 让我们开始定义一个新的组件,我们将用来显示信用卡信息。 credit-card.component.ts 此组件依靠获取信用卡号,并通过creditCardMask管道隐藏掉除最后4位之外的数字。 credit-card-mask.pipe.ts 一切就绪后,我们现在可以在根组件中使用 。 app.component.ts app.module.ts 注意,我们已将组件CreditCardComp