0

MDC コンポーネントの sass ファイルを angular 4 プロジェクトにインポートするにはどうすればよいですか? @import.scss ファイルのステートメントは相対的ではないため、コンパイラは .scss ファイルのコンパイルに失敗します@material。たとえば、mdc-button.scss@importステートメントは次のとおりです。

@import "@material/animation/variables";
@import "@material/animation/functions";
@import "@material/elevation/mixins";
@import "@material/ripple/mixins";
@import "@material/theme/mixins";
@import "@material/typography/mixins";

@materialこれにより、ファイルが存在するためにコンパイラが見つからないため、コンパイラが失敗します。node_modules/@material/button/mdc-button.scss実際に必要な場合@import "../animation/variables"など..

ライブラリはhttps://github.com/material-components/material-components-web/にあります

4

1 に答える 1

1

sass ツールによっては (私は Koala を使用しています)、追加のパス情報を sass 構成に追加する必要があります。

// Sass project settings, you can edit it and set custom settings.
// An array of filesystem paths or importers which should be searched for     
//Sass templates imported with the @import directive. (I am on windows it might be 
//different for other O/S)

"includePaths": ["C:\\Users\\loggedInUser\\node_modules"],
    "requireLibs": []
于 2017-06-12T16:00:34.970 に答える