element 导航菜单如何按需引入

Element UI的导航菜单组件可以按需引入，具体步骤如下：

1. 安装babel-plugin-component插件

npm install babel-plugin-component -D

2. 在babel的配置文件.babelrc中添加以下配置：

{
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

这个配置告诉babel使用component插件来按需引入Element UI的组件，libraryName表示Element UI的库名，styleLibraryName表示Element UI的样式库名。

3. 在需要使用导航菜单组件的文件中引入该组件，例如：

import { Menu, Submenu, MenuItem } from 'element-ui';

这里只引入了Menu、Submenu和MenuItem三个组件，其他组件不会被打包进来，从而减小了打包后的文件体积。