2017-08-15 23 views
0

私はantd, material-uiなどの反応を伴うプロジェクト用にいくつかのコンポーネントライブラリを使用しています。いくつかのコンポーネントを修正する必要があります。たとえば、antdのディレクトリを検索し、node_modules\antd\distの下にあるcssファイルを探しました。 antd.cssantd.min.cssのファイルがいくつかあり、antd.lessというファイルもあります。 私の質問は、どのファイルをCSSに変更するのですか?ヘルプは非常に高く評価されるだろう。編集コンポーネントライブラリのCSSファイルを編集するにはどうすればいいですか?

答えて

0

難しいと言えますが、おそらくantd.lessです。

node_modulesを変更する代わりに、localcssファイルにcssを上書きすることを強くお勧めします。維持する方がより便利になります。これは生産上の苦痛になるか、モジュールを更新したい場合に発生します。悪い習慣とみなされる。

モジュールで直接編集したい場合は、モジュールを担当者に複製します。同様の理由から、node_modulesに入れないでください。

0

少ない変数をオーバーライドする(代替方法)#

less定義ファイルで変数をオーバーライドします。

以下のようなスタンドアロンのlessファイルを作成し、プロジェクトにインポートします。

@import "~antd/dist/antd.less"; // import official less entry file 
@import "your-theme-file.less"; // override variables here 

デフォルト変数 https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

関連する問題