programmer-yang / blog

Blog
19 stars 0 forks source link

开始学习umi #5

Closed programmer-yang closed 4 years ago

programmer-yang commented 6 years ago

前言

umi 马上就要发布1.x版本,其中包含了很多现在前端的痛点解决方案,仔细分析后觉得很有必要好好学习。 后续的时间会陆续在这里更新我在学习和使用umi中遇到的问题。 相关: 官方网站 成哥的描述 强烈建议大家都去细细阅读,其中包含很多知识点

开始

ESLint

遇到的第一个问题是vscode中eslint没有生效,我建立了一个issues在跟踪这个问题。

2-15 更新 eslint其实是没问题的,只是需要自己去配置具体的规则

比如这样:

{
  "extends": "eslint-config-umi",
  "rules": {
    "semi": ["error", "never"]
  }
}

dva

今天尝试在umi中使用dva,通过官方的demo发现在umi中使用dva有两种方式, 区别在于是否使用umi-plugin-dva插件。

不使用插件

待补充

使用umi-plugin-dva插件

首先要安装这个插件

yarn add umi-plugin-dva

然后在.umirc.js中注册插件

export default {
plugins: [
'umi-plugin-dva'
]
}

然后重启项目 当前1.0.0-rc.15中还需要重启,以后可能会修复这个问题

现在umi会自动加载项目下models文件夹里的文件 现在在你需要使用数据的页面通过connect去取出数据就可以使用了