typescript+ create-react-app +less

1.新建项目 集成typescript        yarn create react-app antd-demo-ts --typescript

2.安装ant-mobile                 npm install antd-mobile --save

3.引入 react-app-rewired 并修改 package.json 里的启动配置。。由于新的 react-app-rewired@2.x 版本的关系，你需要还需要安装 customize-cra。              npm install react-app-rewired customize-cra --save-dev

/*并修改 package.json 里的启动配置。 */
"scripts": {
  "start": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test --env=jsdom",
}

4.安装less                       npm install less less-loader --save-dev

5.按需加载插件                npm install babel-plugin-import --save-dev

config-overrides.js

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  // 按需加载
  fixBabelImports('import', {
    libraryName: 'antd-mobile',
    style: 'css',
  }),
  // 支持less。 module.less和module.css结尾的就可以支持module样式
  addLessLoader(),
);

6.加入dva-core           npm install --save dva-core dva-loading

未完待续

 

官方推荐的框架 https://github.com/hqwlkj/umi-dva-antd-mobile