FAQ

    持续补充中。

    当然！umi 是公司内（蚂蚁金服）的前端基础框架，已有大量基于 umi 开发的无线和 PC 项目上线。

    如何引入 polyfill ？

    先安装依赖，

    新建 ，内容如下：

    1. import '@babel/polyfill';

    如何动态修改 title ？

    编辑器需要读取 .eslint 和依赖的 eslint bin，所以需要安装相关依赖到项目。

    先安装依赖，

    1. $ npm i eslint@4 eslint-config-umi eslint-plugin-flowtype@2 eslint-plugin-import@2 eslint-plugin-jsx-a11y@5 eslint-plugin-react@7 --save-dev

    然后新增 .eslintrc，内容如下：

    如何禁用 dev 和 build 时的 eslint 校验？

    1. $ ESLINT=none umi dev
    2. $ ESLINT=none umi build

    this.setDynamic is not a function

    不要自己配置 ，因为 umi 已内置处理，transform-runtime 处理两边会出现上述问题。

    1. {
    2.  "disableCSSModules": true
    3. }

    如何使用 sass ？

    先安装额外的依赖，

    然后修改 .webpackrc:

    2.  "sass": {}
    3. }

    如何断点调试

    确保 node 在 8 以上，然后执行：

    1. $ node --inspect-brk ./node_modules/.bin/umi test

    然后在浏览器里打开 chrome://inspect/#devices 进行 inspect 和断点。

    • 改用 hashHistory，在 .umirc.js 里配 hashHistory: true
    • 静态化，在 里配 exportStatic: true
    • 服务端配置路由 fallback 到 index.html