一條命令創建免配置的 React + Antd + Typescript 項目

你是 Antd 的重度用戶嗎？

你想在項目中嘗試一下 Typescript 嗎？

你還在為繁瑣的項目煩惱嗎？

現在只需要一行命令，就可以創建一免配置的 React + Antd + Typescript 項目。再也不用把精力消耗在各種工具繁瑣的配置上，只需專註於功能的實現。早日將產品上線、升職、加薪、迎娶白富美。

因為經常使用在工作上用到 Antd 組件庫，並且已經切換到 Typescript。按照 Antd 官方教程，還需要額外的配置 ts-import-plugin 和 react-app-rewired 等功能，想當浪費時間。因此，基於 react-scripts-ts，我將 Antd 需要的基本功能整合在一次，創建了 react-scirpts-ts-antd 這個項目。搭配 create-react-app 使用，實現了一鍵創建免配置項目。

用法

首先先確保已經安裝了 create-react-app，如果還沒有安裝，先運行命令

npm install -g create-react-app

接著就可以創建自己的項目

create-react-app my-project --scripts-version=react-scripts-ts-antd

等待命令執行完畢，一個屬於你的免配置項目就創建好了，可以專心去實現功能了。

特性

• 自動安裝 antd 包，antd-mobile 需要自行安裝。
• 集成了 ts-import-plugin，實現組件的按需載入。
• 集成了 react-app-rewired，無需 eject 彈出配置，即可修改 Webpack 配置。
• 配置好了 scss-loader 和 less-loader，可以直接在項目中使用 less 和 scss。
• 配置好了 tsconfig.json，可以直接在項目中寫 Typescript。
• 包含所有 react-scripts-ts 提供的基本功能，原汁原味。

項目地址

SZzzzz/react-scripts-ts-antdgithub.com

歡迎使用、star、issue、PR。