node.js的静态文件处理库
发布于 11 年前 作者 vicanso 5961 次浏览 最后一次编辑是 8 年前

jtstatic - 主要用于处理HTTP的静态请求,以及引入静态文件

##需求

  • 在编写页面的时候,希望将页面分块,模块化(以及其对应的css、js模块化)。
  • 在生产环境中,静态文件一般的改动都是比较少的,可以让浏览器缓存较长的时间,那么如果能够在更新的时候,及时通知浏览器更新缓存文件。
  • 将功能模块化之后,有可能会产品较多数据量较少的文件,如何处理这些文件。
  • 在生产环境中,希望静态文件由其它的域名中加载(甚至多于一个域名中加载)。
  • 在生产环境中,希望将一些较小的图片以base64的形式内联到css文件中。
  • 在生产环境中,希望将一些较能用的文件合并到一个文件中,减少请求数(这些文件可以动态的增加、减少,在开发环境中不用考虑引入的文件是否常用文件)

解决方法

  • 添加一个FileImporter类,主要用于引入css、js文件,每个模块只要引入自己需要使用到的文件,而不用考虑是否在其它的模块中已引入(重复引入的静态文件会去重)
  • 每次deploy的时候,生成一个version,保证每次deploy之后使用的静态文件都不一样
  • 可以自动将页面中使用的js、css合并。
  • 自动读取css中的图片url,判断图片的大小,生成相应的base64数据。(由于IE6、7不支持,生成相应的css hack)
  • 可以指定一些公共文件合并,这些文件会自动合成另外一个文件

##特性

  • 在模板中方便引入JS、CSS文件,自动过滤重复引入的文件。
  • 实现JS、CSS文件的自动合并,减少HTTP请求。(可自定义哪些文件合并,页面其它的文件会自动合并)
  • 支持stylus、less和coffee-script文件的处理。(可直接引入这些文件,输出到浏览器的时候会自动编译,方便开发中使用)
  • 引入的静态的文件可以指定到几个域名中。
  • 将css中引入的图片以base64的形式合并到css中。

https://github.com/vicanso/jtstatic

回到顶部