gpt4 book ai didi

javascript - 在 Meteor 中访问 Stylus 中的 Javascript 变量

转载 作者:行者123 更新时间:2023-11-28 00:13:22 26 4
gpt4 key购买 nike

我正在使用 Meteor 制作游戏,并尝试使用 S-Grid 创建一个随机大小的网格,其中我在 Javascript(实际上是 Coffeescript)中获取列变量并在 Stylus 中访问它们。

我的 .coffee 文件位于 lib 文件夹中,而我的 main.styl 文件位于 client 文件夹中。

random = (num) ->
Math.floor Math.random() * num + 1

@cols = random()
@rows = random()

stylus = require('stylus')

stylus(str)
.set('filename', '../client/main.styl')
.define 'cols', stylus.nodes.unit(@cols)
.define 'rows', stylus.nodes.unit(@rows)
.render (err, css) ->
if (err)
throw err
console.log(css)
return

我在构建应用程序时收到此错误: node_modules/stylus/node_modules/glob/node_modules/minimatch/node_modules/lru-cache/test/memory-leak.js:1:15: Unexpected token ILLEGAL
node_modules/stylus/node_modules/source-map/test/run-tests.js:1:15: Unexpected token ILLEGAL
node_modules\stylus\node_modules\sax\examples\test.html:1: Can't set DOCTYPE here. (Meteor sets <!DOCTYPE html> for you)
node_modules\stylus\node_modules\sax\LICENSE-W3C.html:1: Can't set DOCTYPE here. (Meteor sets <!DOCTYPE html> for you)
The pure Stylus grid works fine but i can't seem to be able to set the columns through Javascript.

<小时/>

我像这样定义我的网格

.grid
grid()
.box
cells(1, @cols)

哪里@cols是来自 JavaScript 变量的随机数。如果我使用通用数字或使用 Stylus 生成随机数,它可以正常工作,但我需要 JS 变量(我将它用于其他用途)。我不知道如何在 .styl 中制作它并在 JS 中访问它。

最佳答案

在 styl 文件中定义此函数并包含它:

random(num)
return math(math(0, 'random') * num + 1, 'floor')

照常在手写笔文件中使用随机。

关于javascript - 在 Meteor 中访问 Stylus 中的 Javascript 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30676869/

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