SugarSS（PostCSSパーサー）を使用したブランチ

Question

ブランチでSugarSS parserを使用するにはどうしたらよいですか？ここで

は私の現在の設定のplugins一部です：

exports.config = { 

    ... 

    plugins: { 
    babel: { 
     ignore: [/web\/static\/vendor/] 
    }, 
    postcss: { 
     processors: [ 
     require("postcss-cssnext")(["last 3 versions"]), 
     require("precss"), 
     require("lost") 
     ] 
    }, 
    cssnano: { 
     autoprefixer: { 
     add: false 
     } 
    } 
    } 

    ... 

}; 

そして、私のpackage.json：

{ 
    "repository": {}, 
    "dependencies": { 
    "babel-brunch": "~6.0.0", 
    "brunch": "~2.1.3", 
    "css-brunch": "~1.7.0", 
    "cssnano": "^3.5.2", 
    "cssnano-brunch": "^1.1.5", 
    "javascript-brunch": "~1.8.0", 
    "lost": "^6.7.2", 
    "phoenix": "file:deps/phoenix", 
    "phoenix_html": "file:deps/phoenix_html", 
    "postcss-brunch": "^0.5.0", 
    "postcss-cssnext": "^2.5.1", 
    "postcss-scss": "^0.1.7", 
    "precss": "^1.4.0", 
    "sugarss": "^0.1.2", 
    "uglify-js-brunch": "~1.7.0" 
    } 
} 

Answer 1

すべてのスタイルシートがコンパイルされた後にブランチ作品のPostCSSプラグインは、それが呼び出されますされている方法と単一のファイルに連結されます。 SugarSSまたは類似の

サポート（ブランチがそのオプティマイザプラグインを呼び出す）、しかし、唯一の通常のCSSにSSSを変換するカスタムコンパイラプラグインの作成が必要になります。

実際には聞こえるほど簡単です:) plugins.mdをプラグインAPIリファレンスとして使用してください。役立つ場合はstylus-brunch - https://github.com/brunch/stylus-brunch/blob/master/index.jsをご覧ください。

あなたは基本的に変更する必要がありますすることです：

1. compile()方法は、SugarSSパーサでPostCSSを呼び出すようにし、（少なくともdataキーを持つオブジェクトに解決の約束を返すあなたのケースでいるだろう
2. ）あなたが処理したい拡張子なるように変更prototype.extension、この場合はsss
3. String CSSのことあなたはおそらくスタイラスを必要としませんconstructor()とCSSモジュールは
をサポートして必要はありません

4. あなたはそれをリリースすることができますので、BrunchでSugarSSを利用しようとする他の人にはこれが行われません。分かち合いは気になりますよね？ :)

   （あなたはそのルートを移動した場合は、それはsugarss-brunchのように、接尾辞を持つ名前のブランチプラグインへの慣習だ。あなたはまた、その後のプラグインhttps://github.com/brunch/brunch.github.io/blob/master/plugins.jsonの私たちのリストに含めることができます）

・ホープ、このクリア物事は少しです。問題が発生した場合は、GitHubにコメントするか、問題をオープンしてください。http://github.com/brunch/brunch