搭建react+design最基本的框架
一个优秀的框架往往在开发的过程中发挥着不可替代的作用,首次架构非常重要,一个优秀的框架会使得我们的开发效率大大提升
一、为什么用antd-design框架?
优点:
🌈 提炼自企业级中后台产品的交互语言和视觉风格。
📦 开箱即用的高质量 React 组件。
🛡 使用 TypeScript 开发,提供完整的类型定义文件。
⚙️ 全链路开发和设计工具体系。
🌍 数十个国际化语言支持。
🎨 深入每个细节的主题定制能力
二、如何创建react项目
1.创建react项目
如何创建react项目:
npx creact-app react-antd-demo
2.拉取webpack隐藏文件
如何拉取webpack隐藏文件:
npm run eject
三、如何按需加载antd-design文件
1. babel-plugin-import(推荐)
npm install babel-plugin-import --save-dev
2. 这时我们需要配置一下 .babelrc 文件
{
"plugins": [
[
"import",
{
"libraryName": "antd",
"style": "css"
}
]
]
}
3. 启动项目
npm run start
总结
以上就是如何按需加载antd-design 组件 ,如何创建一个react+antd的基本项目代码地址
希望有朋友可以参与进来,大家一起进步