2017-06-18 3 views
0

私は、スターターキットとしてcreate-react-appを使用しており、antdコンポーネントライブラリを使用していました。create-react-appのantd LessまたはCssをカスタマイズする

ブランドスタイルのためにスタイルをカスタマイズする方法が見つからないようです。ドキュメンテーションは、カスタマイズに関する明確な指示を与えていないようです。

ドキュメントリンク:

themeプロパティを1.Using:https://ant.design/docs/react/customize-theme

彼らはしかし、それを行うには、2つの方法を提案します。しかし、これは唯一のLess変数を2.Overriding create-react-app

ためantd-initまたはdva-cliボイラープレートのために動作しません。

create-react-appのいずれかのオプションをejectなしで使用するには、どうすればよいですか?

答えて

1

質問はあまりよく研究されていませんが、私は恐れています。質問を投稿する前に、少なくともhttps://ant.design/docs/react/use-with-create-react-appとそれ以上のStackoverflow質問(How do I use .babelrc to get babel-plugin-import working for antd?など)の指示のような明白な反応を読んでください。

CRAでは、Babel構成の変更をサポートしていません。これには、必要なantdモジュールのみのインポートをサポートするために必要なantd babel-pluginを含める必要があります。

結果として、モノリシックなantdを取り出すことができるのは、非排出CRAアプリでのみです。

+0

申し訳ありませんが私の質問であまりにも明確ではなかった、私はように求めている必要があります:これらのオプションのいずれかを行うには、 'イジェクト'なしで '作成 - 反応 - アプリ'。私は今質問を更新しました。私はドキュメントを読んで、彼らが言及したすべてのステップが「排出する」ことを示唆しています。私の好みは、 'eject'オプションなしでそれをテーマにする方法を見つけることです。後で' react-scripts'を更新する柔軟性があります。 –

+0

現在、CRAでは_modular_ antdをイジェクトなしで実行することはできません.babelプラグインが必要です。また、CRAではイジェクトすることなくbabelプラグインを許可していません。 –

+0

ありがとう@ジェスパー私たち。しかし、あなたはあなたが_modular_ antdと言うときにもっと説明できますか?また、別の方法として、srcでantd.cssをコピーし、index.jsでインポートし、オーバーライドするスタイルをオーバーライドする別のcustom.cssファイルをインポートすることで、この作業を行うこともできます。このアプローチについてどう思いますか? –

関連する問題