gpt4 book ai didi

pug - 是否可以将 Stylus 插件与嵌入在 Jade 文件中的内联 Stylus 代码一起使用?

转载 作者:行者123 更新时间:2023-12-04 21:47:21 32 4
gpt4 key购买 nike

我希望能够创建一个包含网页临时文件的目录,其中每个文件都是一个独立的页面。

这对于普通的 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 来 fork 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 commandernpm install mkdirp),你可以导航到 /jade_fork/bin/并做 ./jade name_of_file.jade .

但出于维护原因,我更愿意留在 Jade 的主分支上。

最佳答案

更新:

这是我找到的最好的方法:

另存为例如~/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 工作, 除了它会使用你的代码来编译手写笔、 Nib 等。

旧答案:

我建议你这样做:
var jade = require('jade');

jade.filters.stylus = // your code from above

jade.compile( /* ... */ );

你失去了 jade 命令行脚本,但你应该能够以这种方式编译你的文件,同时依赖于 jade master。

关于pug - 是否可以将 Stylus 插件与嵌入在 Jade 文件中的内联 Stylus 代码一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12272936/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com