美文网首页前端开发笔记
Vue UI框架——按需引入Element UI插件

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

作者: 向上而活 | 来源:发表于2018-06-17 16:08 被阅读1413次

按需引入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

相关文章

网友评论

  • Alice_Xuxu:需要引入option,官方文档上没写要引入。。。。冏。
    向上而活:@Alice_Xuxu 官方文档不太官方。。。。
  • Alice_Xuxu:我也出现同样的问题。楼主解决了么
    向上而活:@Alice_Xuxu 还没呢,,,你要是找到方法了,给我说一下

本文标题:Vue UI框架——按需引入Element UI插件

本文链接:https://www.haomeiwen.com/subject/axcweftx.html