loader-koa
Loader middleware for koa
Last updated 2 years ago by jacksontian .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install loader-koa 
SYNC missed versions from official npm registry.

Loader Koa

Loader Koa是一个适配Koa的静态资源加载器,它基于静态文件的文件扩展名来对源文件进行编译。

目前支持.less.styl编译为CSS文件。.coffee.es编译为普通的JavaScript文件。

从扩展名可以看出来,它使用了less/stylus/coffeescript/babel来编译文件。

Usage

你可以像普通的.css/.js文件一样来加载拥有这些带有不同后缀名的文件:

<script src="/assets/scripts/home.js"></script>
<script src="/assets/scripts/home.es"></script>
<script src="/assets/scripts/home.coffee"></script>
<link rel="stylesheet" href="/assets/styles/home.css" />
<link rel="stylesheet" href="/assets/styles/home.less" />
<link rel="stylesheet" href="/assets/styles/home.styl" />

如果没有Loader Koa的支持,它们将向浏览器输出原始的编码。

然而浏览器并不一定能直接运行.es/.coffee/.less/.styl文件。

启用编译支持

在你的Koa项目中,可以通过如下方式来启用文件的自动编译。

安装本模块:

$ npm install loader-koa

添加中间件:

var loader = require('loader-koa');
var koa = require('koa');
var app = koa();
// 以下中间件需要放置在静态文件中间件之前,否则将会被静态文件中间件当作普通文件处理
app.use(loader.less(__dirname));
app.use(loader.stylus(__dirname));
app.use(loader.babel(__dirname));
app.use(loader.coffee(__dirname));

以上的方式特别适合在开发环境中进行。

License

The MIT License

Current Tags

  • 2.0.1                                ...           latest (2 years ago)

3 Versions

  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.0.0                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 2
This Month 2
Last Day 2
Last Week 6
Last Month 30
Dependencies (5)
Dev Dependencies (8)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |