CSS是網頁開發中不可或缺的一部分，它決定著網頁的樣式和排版。Ant Design是一個非常流行的React UI組件庫，擁有豐富的組件和預定義樣式。在這篇文章中，我們將探討如何在項目中引用Ant Design的CSS樣式。

import 'antd/dist/antd.css';

在React項目中，我們可以使用import語句引入Ant Design的CSS樣式文件，這樣我們就可以在項目中使用Ant Design的組件和預定義樣式了。

以上代碼示例中，我們使用了ES6模塊語法引入了Ant Design的CSS文件。具體來說，我們使用了import關鍵字引入了'antd/dist/antd.css'這個路徑所代表的文件。這意味著我們需要確保Ant Design的CSS文件在項目的"node_modules/antd/dist"目錄下。如果你使用的是React腳手架，Ant Design的CSS文件會自動安裝在這個目錄下，并且下面的import語句也會被自動生成。

在React項目的入口文件中引入Ant Design的CSS文件是很常見的做法。例如，在項目的index.js文件中，我們可以寫以下代碼：

import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import App from './App';
ReactDOM.render(,
document.getElementById('root')
);

通過這種方式，我們可以確保在每個頁面中都可以使用Ant Design提供的樣式和組件。這使得我們的項目更加統一和整潔，也更容易維護。

總的來說，通過簡單引入Ant Design的CSS文件，我們就可以輕松地在React項目中使用Ant Design的組件和樣式。這是一個非常有用的技巧，也是React開發中必須要掌握的知識點之一。