WebpackでRuby on RailsにLostGridを追加する

Question

ここに最初のポスターがあります。 webpack（rails new myapp --webpack）で新しいRailsプロジェクトを作成しました。 PostCSSが付属しており、LostGridを追加したかったのです。私は失われたからインストールinstructionsから、次のことを実行しました：

npm install --save lost 

これはpackage.jsonにロストを追加しました。

postcss: [ 
    require('lost') 
] 

しかし、私はどこ理解していない：命令は、あなたがpostcss・ローダーを持っていると仮定すると（私はプロジェクトを作成したときに自動的にインストールされた理解）に構成&をインストールし、あなたのWebPACKの設定に以下を追加すると言いますファイルはです。私は自分のPostCSSのものをルートの.postcssrc.ymlに追加する必要があると思った。私はこれをしましたが、私はまだそれを動作させることはありません。

私はwebpackの経験がほとんどなく、私のアプローチには完全に欠陥があると思われます。私はPostCSSをRailsで使うことに興奮していましたし、ここでLostGridを動作させるための助けに感謝します。ありがとう！

Answer 1

同じ問題が発生した後であなたの質問を見つけました。幸いにもそれは本当に簡単です！

webpacker:installを実行すると、.postcssrc.ymlというファイルがプロジェクトのルートフォルダにインストールされます。ここにPostCSSプラグインを追加します。私のものは次のようになります：

plugins: 
     lost: {} 
     postcss-smart-import: {} 
     postcss-cssnext: {} 
     autoprefixer: {} 

私はまだ注文が重要かどうかは分かりません。まだそれを研究しています。

Webpacker issue #283を参照してください。本質的に同じ質問ですが、例はありません。