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 的時候自動導入樣式。