2017-11-27 5 views
1

.scssのファイルを自分のコンポーネントとして使用できるようにするには、タイトルからわかるように、どこから構成するのかわかりません。 私はwebpack.config.jsにローダーを構成する方法を知っているが、私が持っている定型文で、何のWebPACKはありません(DEV | PROD)が。私は私がすべきことを読んだReactプロジェクトでSassを使用するためにWebpack(またはBabel)を設定するにはどうすればよいですか?

を.config.js .babelrcを作成してください。その後、私は迷子になりました。 誰も私にこれを手伝ってもらえますか?私のプロジェクトの

構造: structure folders of project

+2

create-react-appから生成されたプロジェクトです。もしここにscssを追加する方法があれば、https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-a-css-preprocessor -sass-less-etc – Kunukn

+0

はい、それはcreate-react-appから生成されたプロジェクトです。ありがとうございました! "svg-sprite-loader"を使用するには、ejectを実行してwebpack configに設定を追加する必要がありますか?それを行うより良い方法がありますか? – Elisa

+0

webpackの設定を変更してカスタムのものを使用する必要がある場合は、取り出す必要があります。いったん取り出したら、戻れません。個人的には、何かが壊れているか、または期待どおりに動かない場合に備えて、私が最初にバックアップして、私が戻ってくることを確かめることができます。 – Kunukn

答えて

1

あなたはnpmと少数ローダーをインストールする必要があります:

npm i style-loader css-loader sass-loader --save-dev

次にあなたがのmoduleセクションにローダーを追加する必要がありますあなたのwebpack設定ファイル:

関連する問題