{ "scripts": { "build": "stylus index.styl --out index.css", "test": "ava", "lint": "xo" }, "devDependencies": { "ava": "^0.15.2", "stylus": "^0.54.5", "xo": "^0.15.1" }, "xo": { "space": 2 } } stylusに認識させる stylusは@importを使用したさいに、登録してあるpathsから順にファイルを精査します。 CLIから--includeオプションを使用せずコンパイルした場合、現在のディレクトリを基準にするため、以下は正常に動作します。
これまで Stylus から Normalize.css を利用する場合、以下のように管理していた。 bymathias/normalize.styl から normalize.styl をダウンロード プロジェクトの src/stylus/lib フォルダ内に normalize.styl を配置 Stylus のエントリー ポイントで @import "lib/normalize.styl" つまり静的リソースとして扱い、バージョン更新があれば手動で置き換えていた。面倒な作業だが、CSS では JavaScript における npm と Browserify/webpack のようなリンカー的な仕組みが確立していないと考えており、また、更新も滅多にないことから放置していた。 しかしふと、Normalize.css のサイトをチェックしたら 公式 npm が用意されていた。また Styl
これまで NW.js を使ってきたが同じ Chromium + Node 系のフレームワークとして最近は Electron のほうが勢いあるようなので試したくなった。使用感を把握するため、まずは開発環境を構築してみる。 更新履歴 2015/11/5 npm-scripts を babelify 7.2 (Babel 6.x) を採用した内容へ更新。また最新 watchify の Windows 対応について追記した。これらの詳細については babelify v7.2 を試すを参照のこと。 2015/10/19 npm-scripts を最新へ更新、Main プロセスのビルド説明に Browserify の --node オプション解説を追加。 設計方針 package.json と npm だけを使用 AltCSS は Stylus を採用 ユニット テスト対応 コード ドキュメント対応
Stylus + Nib を使ってみた Sass の Compass インスパイアードな Stylus のライブラリ Nib を使ってみました。よく使うベンダープリフィックスやグラデーション、clearfix 等の便利な mixin の詰め合わせです。インストールについてはこちら(Stylus, Nib, node-canvas をインストール)。 Stylus って何?という方は公式(LearnBoost/stylus - GitHub, Stylus - Expressive, dynamic, robust CSS)や Kyosuke hamalog (Sass と LESS 以外の選択肢 Stylus) 等をどうぞ。 この記事は Less & Sass Advent calendar 2011 に触発されて書きました。Less, Sass(, Stylus) についての面白くって為
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く