角型2でSCSSファイルをインポートする方法を追加する

すべての.scssファイルを1つのCSSファイルにインポートする方法を尋ねます。例えば、私はcolors.scss、mixins.scss、helpers.scssのようなグローバルなscssファイルを持っています。私は1つの.scssファイルを持っていると思っています。私はすべての.scssファイルを読み込むために@importするだけです。私は、私のプロジェクトを作成するには、角度のあるcliを使用しています。角型2でSCSSファイルをインポートする方法を追加する

ありがとうございました！

出典

2016-10-12 Sydney Loteria

1グローバルstyles.scssファイルをsrcディレクトリに作成します。

2次はangular-cli.jsonスタイルアレイにそのファイルを追加します。私はそれを試してみましたstyles.scss

@import 'styles/colors.scss';

出典

2016-10-12 16:57:16

に

"apps": [ { "root": "src", "outDir": "dist", "assets": "assets", "index": "index.html", "main": "main.ts", "test": "test.ts", "tsconfig": "tsconfig.json", "prefix": "app", "mobile": false, "styles": [ "styles.css" ], "scripts": [], "environments": { "source": "environments/environment.ts", "dev": "environments/environment.ts", "prod": "environments/environment.prod.ts" } } ],

3インポートします.scssのすべてのファイルを、それは文句を言わない認識し、私の例については、私のcolorsは私のcomponent.scssファイルにあります –

同じファイルに 'component.scss'の前に' colors.scss'をインポートしましたか？ –

私がcomponent.scssを意味するのは、コンポーネントを生成する（コンポーネントを生成する）（例えば、ヘッダコンポーネント）を使用する場合のscssです。 –

角型2でSCSSファイルをインポートする方法を追加する

答えて

関連する問題