首页 > 其他 > 详细

vue——按需引入elementUI(以时间选择器为例)

时间:2020-01-14 10:56:32      阅读:287      评论:0      收藏:0      [点我收藏+]

参考:https://www.jianshu.com/p/40da0ba35ac1

 

1.  安装

npm install babel-plugin-component –D

 

2.  修改.babelrc

原babelrc:

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime",]
}

 

修改后:

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime",
    ["component",{      // <==     "libraryName":"element-ui",// <==     "styleLibraryName":"theme-chalk" // <==     }
    ]
  ] }

 

3.  按需引入组件

main.js:

import Vue from ‘vue‘;
import App from ‘./App‘;
import { DatePicker } from ‘element-ui‘;

Vue.use(DatePicker);

 

需要用到elementUI的组件:

<style scoped>
  @import ‘https://unpkg.com/element-ui@2.3.7/lib/theme-chalk/index.css‘;
</style>

vue——按需引入elementUI(以时间选择器为例)

原文:https://www.cnblogs.com/linjiangxian/p/12190809.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!