我希望能够创建一个网页临时文件目录,其中每个文件都是一个独立的页面。
使用常规HTML / CSS / JS非常简单:
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>lololol</p>
</body>
使用Jade / Stylus / CoffeeScript同样容易:
head
:stylus
p
color red
body
p lololol
问题是,没有明确的方式以这种方式使用Stylus插件。具体来说,我想使用 colorspaces.js 和 nib 更有效地试验颜色:
head
:stylus
@import 'nib'
p
color CIELCH(20.470, 74.265, 314.113)
background-color linear-gradient(white, black)
body
p lololol
您可以通过更改these lines来分叉Jade:
/**
* Transform stylus to css, wrapped in style tags.
*/
stylus: function(str, options){
+ colorspaces = require('colorspaces');
+ nib = require('nib');
var ret;
str = str.replace(/\\n/g, '\n');
var stylus = require('stylus');
- stylus(str, options).render(function(err, css){
+ stylus(str, options).use(colorspaces()).use(nib()).render(function(err, css){
if (err) throw err;
ret = css.replace(/\n/g, '\\n');
});
return '<style type="text/css">' + ret + '</style>';
},
如果您安装了Jade的依赖项(我必须npm install commander
和npm install mkdirp
),您可以导航到/jade_fork/bin/
并执行./jade name_of_file.jade
。
但出于维护原因,我宁愿留在翡翠的主要分支上。
答案 0 :(得分:1)
<强>更新强>
这是我找到的最佳方式:
另存为例如~/bin/jade
:
#!/usr/bin/env node
var jade = require('jade');
jade.filters.stylus = // your code from above
require('jade/bin/jade');
它将与/usr/local/bin/jade
完全一样,除非它将使用您的代码编写手写笔,使用笔尖等。
旧回答:
我建议你这样做:
var jade = require('jade');
jade.filters.stylus = // your code from above
jade.compile( /* ... */ );
你输掉了jade命令行脚本,但你应该能够以这种方式编译你的文件,这取决于jade master。