多くのコンポーネントを使用してプロジェクトを進めています。今はSASS変数の使用について考えていますが、既存の各コンポーネントに変数をインポートするのは面倒です。 誰かが、SASS変数をインポートせずにプロジェクトのすべての* .scssファイルにアクセスできるようにする方法があるかもしれません。Angular-CLIを使用して、すべてのコンポーネントでSASS/SCSS変数をインポートせずにアクセスできるようにする方法はありますか。
あなたの質問に答えるアンギュラcli.jsonで、今のよう
"apps": [
{
// ...
"styles": [
"./src/style.scss"
]
}
]
とのindex.htmlで
<link rel="stylesheet" type="text/css" href="style.css">
をごSCSSを追加し、グローバルなSCSSを使用するには "はNOです 'それぞれのコンポーネントのsassファイルにvariables & mixins個のファイルをインポートする必要があります。
angular-cliは、paths/includePathsの機能をsassに追加する構成を提供しています。そのためには、appプロパティの下に次の設定を追加する必要があります。参考のため
@import 'variables';
がglobal-styles上#3700 &マニュアルを参照して、以下のように私たちが直接、ファイル名、ファイルによってincludeが相対パスをスキップすることができ、少なくとも設定上使用
"stylePreprocessorOptions": {
"includePaths": [
"style-paths"
]
}
。
ドキュメントのように、私はangular-cli.jsonをアプリオブジェクト "stylePreprocessorOptions"と "includePaths"と変数に入れました。しかし、残念ながら、それは動作しません。 – Slater
あなたは何をしようとしていますか、どんなエラーがありますか？ – Ajax
私はオブジェクトのアプリの、 "stylePreprocessorOptions" で、角度-cli.jsonに追加することによって、名前で直接ファイルをインポートしようとしています：{ "includePaths"：[ "./src/assets/" ] } 「モジュールビルドに失敗しました。@import 'variables' - ファイルが見つからないか、読めません。 – Slater
私は確信していませんが、グローバルなCSSファイルが必要なときは、それをangle-cliファイルのスタイルセクションに置きます。 scssファイルをそこに置くと、変数をインポートせずにプロジェクト全体からアクセスできるようになります。 –