webpackで角型アプリにscssファイルをグローバルに含めるにはどうすればいいですか？

Question

WebpackのAngularアプリケーションと、アプリケーションのグローバルスタイルを持つapplication.scssファイルがあります。

すべてのコンポーネントがそこで定義されたスタイルを使用できるように、このファイルをアプリケーションに含める最も良い方法は何ですか？

私はindex.htmlにリンクとしてscssファイルを含めることはできません。なぜなら、CSSファイルのみが受け入れられるからです。どのようなオプションが最適ですか？

ありがとうございました

Answer 1

私はこのための構成を得ました。

私はscssファイルについて話しています。私はindex.htmlでインポートできません.Webpackを使用しているため、これを明示的にインポートする必要があります。それは私のmain.ts

import './stylesheets/application.sass'; 

に続いて、私はちょうど（角度付きのWebPACKを使用しているとき、私はすでに行うものです）これらのファイルの種類を処理するためのWebPACKを設定する必要があります。ウェブパック設定ファイルでこのルールを使用しています。

{ 
     test: /\.sass$/, 
     include: path.resolve(__dirname, '../src/stylesheets'), 
     use: ExtractTextPlugin.extract({ 
      use: ['css-loader', 'sass-loader'] 
     }) 
     }, 

これだけです。すべて働いている。