Tag: 手写笔

无法find@import文件nib.styl: 为什么我会得到这个错误？我只装了几件东西， grunt, grunt-cli, bower, nib, stylus, uglify-js DylanMBPr:Test dylanopet$ stylus -w /Users/dylanopet/Dropbox/Projects/Test watching /usr/local/lib/node_modules/stylus/lib/functions/index.styl Error: /Users/dylanopet/Dropbox/Projects/Test/style.styl:1 1| @import 'nib' failed to locate @import file nib.styl at Evaluator.visitImport (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:882:21) at Evaluator.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40) at Evaluator.visit (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:159:18) at Evaluator.visitRoot (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:713:27) at Evaluator.Visitor.visit (/usr/local/lib/node_modules/stylus/lib/visitor/index.js:28:40) at Evaluator.visit (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:159:18) at Evaluator.evaluate (/usr/local/lib/node_modules/stylus/lib/visitor/evaluator.js:234:15) at Renderer.render (/usr/local/lib/node_modules/stylus/lib/renderer.js:80:26) at /usr/local/lib/node_modules/stylus/bin/stylus:534:15 at fs.js:266:14 这是我的错误日志： […]

有没有办法让Stylus使用src和destpath不包含“stylesheets”目录？: 我最近开始使用Node和Stylus，并遇到这个问题。我想保留我生成的CSS在/ public / css中，而不是/ public / stylesheets，似乎Stylusconfiguration选项将不会允许。 // … your middleware here app.use(stylus.middleware({ src: __dirname + '/views', // .styl files are located in `views/stylesheets` dest: __dirname + '/public', // .styl resources are compiled `/stylesheets/*.css` compile: function(str, path) { return stylus(str) .set('filename', path) .set('warn', true) .set('compress', true); } })); 上述代码中的注释来自Stylus示例。对于src和dest属性，“/ stylesheets”会自动添加（如原始示例中的注释所示）。这似乎是不必要的，我想我想知道如果只有一种方法可以closures。

我在哪里可以在WebStorm 8生成的node.js + Expres + Jade + Stylus项目中添加NIB？: 我正在尝试使用WebStorm 8开始使用node.js，Express，Jade，Styl和NIB。不幸的是，WebStorm并没有提供包括NIB支持，所以我正在寻找如何手动添加它。它生成的app.js看起来像这样： / ** *模块依赖关系。 * / var express = require（'express'）; var routes = require（'./ routes'）; var user = require（'./ routes / user'）; var http = require（'http'）; var path = require（'path'）; var app = express（）; //所有环境 app.set（'port'，process.env.PORT || 3000）; app.set（'views'，path.join（__ dirname，'views'））; app.set（'view engine'，'jade'）; app.use（express.favicon（））; app.use（express.logger（ 'dev的'））; app.use（express.json（））; app.use（express.urlencoded（））; app.use（express.methodOverride（））; app.use（app.router）; app.use（require（'stylus'）。middleware（path.join（__ dirname，'public'）））; app.use（express.static（path.join（__ dirname，'public'）））; […]

将Stylus文件输出到express3中的自定义目录: 我有我的项目，并将一些代码从express2.5.7移植到express3.0.3。我认为这几乎是一个1：1的转移，但我遇到了一个问题，无法将我的手写笔文件编译到我指定的目录中。这是我的基本app.js设置： /** * Module dependencies. */ var express = require('express') , routes = require('./routes') , user = require('./routes/user') , http = require('http') , path = require('path') , nib = require('nib') , bootstrap = require('bootstrap-stylus') , stylus = require('stylus'); var app = module.exports = express(); app.configure('dev', function(){ var stylusMiddleware = stylus.middleware({ src: __dirname + […]

nodemon过滤样式文件更改: 我使用了.styl中的下列设置， nodemon.json没有任何ignore规则，使nodemon wathcing .styl文件： "watch": [ "src/css/*.styl", "src/css/includes/*.styl" ] 任何更改都会触发我在package.json定义的构build脚本。但是在编辑.styl文件后，nodemon似乎已经过滤了更改： Express app running on 3001 [nodemon] files triggering change check: src/css/main.styl [nodemon] matched rule: **/src/css/*.styl [nodemon] changes after filters (before/after): 1/0 任何想法出了什么问题？

用Jade / Stylus使用Node的最佳“GUI”IDE: 所以我来自terminal窗口和vi的世界，我使用Node.JS，Stylus和Jade创build了一个站点。现在的问题是我的女朋友想要帮忙，但是她所有的经验都是一个Dreamweaver风格的CSS和HTML的“GUI”IDE。有没有可用于此的IDE？由于该项目目前尚未公开，因此Cloud 9已经closures。

手写笔内嵌SVG数据uri没有base64编码: 如何在不使用SVG进行Base64编码的情况下使用Stylus预处理器在CSS中embeddedSVG数据uri？喜欢这个： background: url('data:image/svg+xml;utf8,<svg>[…]</svg>'); 而不是这个： background: url('data:image/svg+xml;base64,PD94bWwg[…]'); 通常我用stylus.url()embedded图像，但它也将Base64编码SVG。我想使用数据uris而不是外部文件来保存文件请求。而且我意识到，Base64编码的SVG实际上是增加了字节，而不是减小大小。我找不到embeddedSVG的方法。

express.js +手写笔：自动手写笔编译不起作用: 我运行express.js 3.4.0与手写笔0.37.0我试图让expression和手写笔一起工作，所以当我要求一个实际上是手写笔文件在其他地方的一个CSS文件，expression触发器手写笔来编译它，然后服务它（相当标准，我猜，因为我看到它在许多教程中工作）。我的文件结构： myApp resources stylus style.styl public css 我的app.js（只有相关的行）： app.use("/static", express.static(__dirname + "/public")); app.use(stylus.middleware({ src: __dirname + "/resources/stylus", dest: __dirname + "/public/css", debug: true, force: true, })); 从我读的，请求/static/css/style.css应该导致从resources/stylus/style.styl表示生成这个文件，然后提供。这不起作用。如果我请求文件/style.css文件/public/css/style.css是正确生成的，但是我仍然得到一个404。之后，我可以通过/static/css/style.css来请求它，因为它现在已经存在。有人可以build议任何步骤来解决这个问题吗？我错过了什么吗？

节点应用程序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' ] }] } 为了明确起见：每个单独的加载器代表一个单独的插件。 […]