create-react-app（排出しない）+ bourbon/neat？

Question

私はそれがまた、ノードきちんと依存性を注入するgulpfileでゴクゴク-SASSを使用して、「古い」はバーボンを使用してプロトタイプを反応させるの書き換えだ：

var sassOptions = { includePaths: require('node-neat').includePaths, };

私はcreate-react-appを使用したいですまた、npmスクリプトを使ってsassファイルをコンパイルすることもできます（create-react-appがそれを制限するため）が、スタイルのための「単純な」ワークフローを持っていますが、その方法を理解できません。

"build-css": "node-sass src/styles/ -o src/", "watch-css": "npm run build-css && node-sass src/styles/ -o src/ --watch --recursive"

私はおそらく別のアプローチを使用して、将来的にスタイルを書き換えます（多分多分サスを使用し続けると、完全にバーボンを閉じ、スタイルのコンポーネントを使用）が、私はちょうど古いからポートにサススタイルを必要とします今のところプロジェクト。

create-react-app（排出なし）とBourbon/Neatの統合に関するアイデアはありますか？

neat.includePathsビットをpackage.jsonのnode-sass one-linerスクリプトに入れる方法はありますか？

Answer 1

私が知る限り、includePathsを評価することはできません。あなたはpackage.jsonの1ライナーでBourbonとNeatをインポートする必要があります。

しかし、Bourbon + Neatをまだ取り出されていないReactアプリで使用することはできます。あなたのpackage.jsonをReact hereのように変更したままにしておけば、あなたのマシンに宝石をインストールし、Sassディレクトリにインストールしてください。一例として、

• /srcに
  • /スタイル
    • /ベンダー
      • /バーボン
      • /端正
      • /その他-SASS-ライブラリー
    /ベース
    • /レイアウト
    • /...
  • App.js
  • ...

インストール宝石を持つときは、コマンドを実行しますどこにインストールするかを指定します。 bourbon install --path <some-path>およびneat install。

あなたはバーボンとニートこの方法を参照することができたとき、それは問題ありません、単に@import vendors/bourbon/bourbonなど

もちろん

、スタイルを管理するこの方法が反応の共同設置、モジュールの考え方と同等ではありません/ WebPACKのしかし、時には完全に制御されたSassスタイルツリーが必要なこともあります。