umi 如何配置webpack_umi+dva开发环境+经常使用配置和webpack配置

安装(官方文档：https://umijs.org/zh)：javascript

yarn global add umi

使用：css

使用umi -v可查看版本，确保全局安装没问题java

umi g page

//建立包含目录的页面home/index.js home/index.css

umi g page home/index

//建立dva modle文件(若是项目是用yarn create umi建立的则没法使用该命令)

umi g dva:modle //umi+dva的项目中能够不用在modle文件中指定namespace，默认取文件名

一般状况下咱们会使用yarn create umi来建立项目结构，在建立的时候会提示你作出一些关于项目的选择：node

肯定后，会根据你的选择自动建立好目录和文件，而后yarn install安装依赖。react

经常使用配置：webpack

更改主题色和自定义less全局变量，在.umirc文件中加入：ios

"theme": {

"primary-color": "#1DA57A",//更改主题色

"main_width": "1440px",//自定义全局样式变量

},

启用组件按需加载，在.umirc文件umi-plugin-react插件配置中加入dynamicImport配置(一样基于react-loadble插件实现的)：web

dynamicImport: {

webpackChunkName: true,//是否打包时将分割出来的文件命名让其有意义

loadingComponent: './components/Loading.js',//loading组件

level: 2, //根据几级路由作按需编译，值越大按需编译的越详细，默认是会根据路由层级来动态判断等级的，因此通常能够不指定

},

项目默认语言umi-plugin-react插件配置设置：axios

locale: {

default: 'zh-CN'

},

umi-plugin-react插件配置还能够