Umi Plugin插件配置問題

@umijs/plugin-antd

問題:antd@4.x.x版本組件的屬性使用無效css

解決方案:
$ npm install antd --save
複製代碼
$ npm install babel-plugin-import --save-dev
複製代碼
// .umirc.js

// 配置antd按需編譯
extraBabelPlugins: [['import', { libraryName: 'antd', style: 'css' }]],
複製代碼

@umijs/plugin-layout

問題:動態渲染菜單,菜單須要所有展開,defaultOpenAll屬性使用無效shell

解決方案:
// app.js

// 獲取全部路由path,經過openKeys屬性所有展開(如下代碼配置式路由)
openKeys: routes
            .map((route) => route.routes && route.routes.map((item) => item.path))
            .flat(),
複製代碼

未完待續

相關文章
相關標籤/搜索