Vue UI框架——按需引入Element UI插件

按需引入Element UI插件，能减少项目体积，运行速度可能会快点。

1、cnpm install babel-plugin-component -D

2、找到.babelrc 配置文件

把

{

  "presets": [

    ["env", { "modules": false }],

    "stage-3"

  ]

}

改为  注意：

{

  "presets": [["env", { "modules": false }]],

  "plugins": [

    [

      "component",

      {

"libraryName": "element-ui",

"styleLibraryName": "theme-chalk"

      }

    ]

  ]

}

3、在main.js中引入项目中需要用到的插件

import { Button, Select } from 'element-ui';

Vue.use(Button)

Vue.use(Select)

做到这一步，按说是应该可以了，但是，我这里报了个错，而且select的下拉选框不显示选项，暂时没找到解决办法。

img