Articles of 手写笔

节点应用程序variables传递到手写笔文件

我正在构build一个小节点应用程序,并使用Express和Jade和Stylus来渲染一些基本的HTMl页面。 我很好奇,如果有一种方法可以将一些variables传递到从Node生成的.styl文件中? 我很清楚,我可以在.styl文件中定义variables,但我需要更加dynamic。 具体来说,我正在寻找一种简单的方法来在数据库中存储一些颜色,让节点获取这些值,然后将这些值插入到.styl文件中,这样当页面呈现时,这些variables就被传入了。看起来应该这样做 – 但我缺乏细节。 任何帮助表示赞赏。 谢谢!

webpack 2和stylus-loaderconfiguration文件的例子

我坚持得到手写笔与webpack 2一起工作。我试图将手写笔加载模块添加到我的webpack.config,但是我不知道如何做到这一点。 我不是,我没有阅读文档: https://github.com/shama/stylus-loader 乍一看这个例子代码看起来像一块蛋糕(请记住,我在这里说Webpack 2,而不是Webpack 1): module: { rules: [ { test: /\.styl$/, use: [ 'style-loader', 'css-loader', { loader: 'stylus-loader', options: { use: [stylus_plugin()], }, }, ], } ], }, 这里的问题是stylus_plugin函数,根据文档,需要通过以下方式进行要求: var stylus_plugin = require('stylus_plugin'); 但是,在npm repo中不存在像stylus_plugin这样的npm模块。 所以,也许有人可以帮助我在webpack上运行铁笔,也许有人甚至可以提供一个configuration的例子。 附录,2017年2月9日。这适用于我(使用手写笔): module: { rules: [{ test: /\.styl$/i, use: [ 'style-loader', 'css-loader', 'stylus-loader' ] }] } 为了明确起见:每个单独的加载器代表一个单独的插件。 […]

OS X编辑器(或IDE)对于“node.js”开发非常有用?

我是Emacs的老用户 – 我已经使用了10年了。 当我切换到Mac时,我开始使用Aquamacs ,这在很多方面都很棒。 但是现在我的开发工作大部分都是Node.js / Express.js(包括JavaScript,Jade和Stylus)。 不幸的是,emacs在这方面有很多缺点。 特别是在远程工作时,使用ExpanDrive和MacFUSE安装。 我真的想要真正的代码折叠。 有没有这样的编辑器? 更好的是,有什么IDE的Mac(在所有)? 谢谢

如何让Stylus在CoffeeScript中使用Express和Connect工作

我的app.coffee看起来像这样: connect = require 'connect' express = require 'express' jade = require 'jade' stylus = require 'stylus' app = express.createServer() # CONFIGURATION app.configure(() -> app.set 'view engine', 'jade' app.set 'views', "#{__dirname}/views" app.use connect.bodyParser() app.use connect.static(__dirname + '/public') app.use express.cookieParser() app.use express.session({secret : "shhhhhhhhhhhhhh!"}) app.use express.logger() app.use express.methodOverride() app.use app.router app.use stylus.middleware({ force: true src: "#{__dirname}/views" […]

手写笔ParseError:预计“缩进”,得到“outdent”

手写笔ParseError:预计“缩进”,得到“outdent” Unable to compile Stylus file app/css/app.styl to CSS: ParseError: app/css/provider.styl:22 18| padding-top: 20px 19| text-align: center 20| border-bottom: 1px solid white 21| margin-bottom: 25px > 22| 23| .aclass 24| display: none 25| expected "indent", got "outdent" 我在这里做错了什么? 感谢有关此错误的任何信息!

为手写笔设置自动编译

我已经在我的Mac上安装了node.js / stylus / nib,我可以在命令行上手动编译.styl文件到css。 我也知道有这个stylus.middleware()的东西,当我search如何设置自动编译时,.styl改变,但我不知道我应该如何实现它(我从来没有使用节点。之前的js)。 我把这个代码放在哪个文件中? 我如何启动这个代码,以便它始终运行? 我想我在节点端遗漏了一些能够设置的东西。

手写笔和Express – 样式表在修改时不会重新编译

我正在运行最新版本的Mac OS X上的节点。我已经与Stylus一起安装了Express。 也是最新的版本。 手写笔不会重新编译我的.styl文件,当我修改它们。 我怎样才能解决这个问题? 重新编译我的.styl文件的唯一解决scheme是删除编译后的.css文件…重新启动我的应用程序,或执行clear-cache-refresh(CMD + Shift + R)不会导致重新生成-compile。 这是我的应用程序configuration的转储。 这与使用可执行文件创build新的快速应用程序基本相同。 app.configure(function () { this.set("views", __dirname + "/views"); this.set("view engine", "jade"); this.use(express.bodyParser()); this.use(express.methodOverride()); this.use(express.static(__dirname + '/public')); this.use(require("stylus").middleware({ src: __dirname + "/public", compress: true })); this.use(this.router); }); 我的.styl和编译的.css文件都位于[application]\public\stylesheets\