React项目

百万答题项目

1.项目结构搭建

1. UI框架：Ant蚂蚁框架（专门为移动端开发的）网址
2. js框架： React 。 利用create-react-app 来搭建项目，项目结构需要自己来拆分。

2.项目具体实现

1.Ant蚂蚁的配置；

安装使用：

npm install ants-mobile --save
           

全部导入：

import { Button } from 'antd-mobile';
import 'antd-mobile/dist/antd-mobile.css'; 
           

按需导入：

1. 安装插件

cnpm install  babel-plugin-import --save
           

2.配置： 展开package.json中的一些插件的配置项

npm命令

npm run eject
           

Package.json

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      ["import", { "libraryName": "antd-mobile", "style": "css" }]
    ]
  }
           

利用babel插件就可以在按需导入js 的时候自动导入样式。