問題タブ [stylus]

Express for Node.jsを使用しており、使用しているCSSエンジンはStylusです。スタイラスペンは素晴らしいですが、色変数を渡す方法やランダムな色を生成する方法がわからないようです。スタイラス用のjavascriptAPIを使用してみましたが、混乱しているだけで、おそらく物事が複雑になりすぎています。

次に、スタイラスシートで次のことを行います。

ただし、次のエラーが発生します。

RGBまたはHSL値が必要です、文字列＃5f5を取得しました

私は一生、javascriptからスタイラスシートに色変数を適切に渡す方法を理解できません。

編集：

これが私のapp.jsファイルです：https
：//gist.github.com/4345823これ が私のスタイラスファイルです：https ：//gist.github.com/4345839

スタイラスペンに問題があります。スパンを指定して列の幅を返す関数を作成しようとしていますn。これが私のコードです：

問題は、n= 2の場合に返されることを期待column-spanしてい31%ますが、代わりに。を返します30.3%。

いくつかの試行錯誤の後、私はこのコードでさえ以下に準拠していることに気づきました30.3%：

ここで何が起こっているのかわかりません。

スタイラスでベンダー固有の css mixin を実行しようとしていますが、これをドキュメントから直接取得しましたが、css をまったくレンダリングしていないようです。何かご意見は？

動作するはずですが、スタイルシートがレンダリングされると、border-radius プロパティがありませんか?

また、ミックスインだけでも正常に動作しています

レンダリング:

予想通り。これについて何か考えはありますか？

ありがとう

最近、ヨーマンについて知り、ワークフローの改善に非常に役立つことがわかりました。しかし、私はそれがクライアント側のプロジェクトにのみ焦点を当てているように見えることに気づきましたか？ExpressJSは見逃されているように見える人気のあるフレームワークですか？

しかし、おそらくカスタムジェネレーターを使用して、それをヨーマンに統合することはまだ可能だと思いますか？そのようなものはすでに利用可能ですか？そうでない場合、どのように始めればよいですか？

Expressと一緒に、それほど単純ではありません。HTMLとCSSのプリコンパイルにExpressが使用するデフォルトのJade/Stylusを使用します。

app.coffee私は持っています

私は次のようなスタイルを含めましたlayout.jade：

しかし、Chromeのネットワークタブで、styles.cssがキャンセルされたのはなぜですか？

ブラウザを直接ポイントすると/css/styles.css、

Cannot GET /css/styles.css

どうしたの？これを修正するにはどうすればよいですか？

ANT ビルドを使用しているプロジェクトでスタイラスを使用しようとしています。

war をパッケージ化する前に、スタイラス ファイルを通常の css にコンパイルする必要があります。

それを行う方法はありますか？

注：node.jsは使用していません。これは単純なJava Webアプリケーションです

シナリオ: クライアントは 2 つのディレクトリにアップロードできます

望ましい結果: クライアントは、両方のディレクトリの一覧を並べて表示できます。

これらの初心者です。

1. ディレクトリリストを表示するためのいくつかのjqueryリストボックスウィジェット
2. 新しいエントリを自動的に表示したり、「更新」ボタンを押したクライアントに限定したりできますか?

これは実行可能/可能ですか?

上記の一部をすでに実行している npm のパッケージはありますか?

あらゆる/すべての意見/アイデアに感謝します。

スタイラスミドルウェアをセットアップしようとしていますが、成功しません。このドキュメントは、初心者やNodejsを初めて使用する人には適していません。私が推測したのは、スタイラスミドルウェアを使用する小さなミニノードアプリを作成する必要があるということでした。ただし、そのページに設定された単純なものを使用しても、これを機能させることはできませんでした。これが私がしたことです：

もちろん、スタイラスだけでなくノードもインストールしています。次に、ファイルstylus-middleware.appを作成しました。これまでに、次のコードを追加しました（ドキュメントの最も単純な例に基づいています）。

シンプルなアプリを実行しようとすると、次のエラーが発生します。

Web検索を行ったところ、connect（）がnodejsの接続プラグインに関連する関数であることがわかったので、インストールしようとしましたが、発生したエラーは同じでした。だから私は困惑しています...ここで何が起こっているのかを知るには、nodejsがどのように機能するかについてはまだ十分にわかりません。

アドバイスをいただければ幸いです。

アップデート

少しいじった後、スタイラスミドルウェアをセットアップして接続サーバーにリンクする方法を理解しました。しかし、私のコードはまだ機能していません。エラーは発生しませんが、スタイラスはアプリのディレクトリ（つまり、__ dirname）にある.stylファイルをコンパイルしていません。現在のアプリコードは次のとおりです。

誰かがここで欠けているものやいくつかの提案を持っているアイデアを持っているなら、私はいくつかのアイデアを聞いてみたいです...

理想的には、次のように、サイト全体で使用されるすべての色を定義できる 1 つのファイル「colors.styl」をセットアップしたいと考えています。

他のファイルでこれらの変数にアクセスしようとすると、解決された値ではなく変数名が返されます。

ファイルを順番にコンパイルしているので、colors.styl が他のファイルの前に置かれます。変数は Stylus のファイル間でスコープを失いますか?

Stylus CSS プリプロセッサは素晴らしいですが、以前は Netbeans でコーディングしていたため、カラーハイライトなしでコーディングするのは困難です。Stylus 用の Netbeans プラグインはありますか? あれば完璧です！

ありがとう