iview在vue-cli3如何按需加载的方法


Posted in Javascript onOctober 31, 2018

iview在官方文档上,对于使用脚手架vue-cli3的项目的使用只有一句话:“我们为最新的 Vue CLI 3 提供了相应的 iView 插件,如果你正在用 Vue CLI 3,可以直接在插件中搜索 iview,安装插件来使用。” 老实说,第一次看到这说明,我是懵逼的……废话不多说,直接撩起袖子撸

vue-cli3有个命令vue ui打开添加插件搜索 vue-cli-plugin-iview,点击安装

iview在vue-cli3如何按需加载的方法

iview在vue-cli3如何按需加载的方法

按需加载安装后,vue-cli-plugin-iview会自动帮我们做好以下的配置:

babel.config.js

"plugins": [
  [
   "import",
   {
    "libraryName": "iview",
    "libraryDirectory": "src/components"
   }
  ],
  [
   "import",
   {
    "libraryName": "iview",
    "libraryDirectory": "src/components"
   }
  ]

package.json

"babel-plugin-import": "^1.8.0",

在目录下新增了plugin文件下有个iview.js

import Vue from 'vue'
import { Button } from 'iview'

Vue.component('Button', Button)

import 'iview/dist/styles/iview.css'

main.ts

import './plugins/iview.js'

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
jQuery模拟新浪微博首页滚动效果的方法
Mar 11 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
javascript设计模式之中介者模式学习笔记
Feb 15 Javascript
微信小程序 常用工具类详解及实例
Feb 15 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
Mar 17 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
详解vue-cli 接口代理配置
Dec 13 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
小程序表单认证布局及验证详解
Jun 19 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 Javascript
canvas 中如何实现物体的框选
Aug 05 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 #jQuery
vue+iview 实现可编辑表格的示例代码
Oct 31 #Javascript
详解vue 项目白屏解决方案
Oct 31 #Javascript
微信小程序ibeacon三点定位详解
Oct 31 #Javascript
小程序获取周围IBeacon设备的方法
Oct 31 #Javascript
详解js删除数组中的指定元素
Oct 31 #Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
Oct 31 #Javascript
You might like
php读取msn上的用户信息类
2008/12/05 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
js操作二级联动实现代码
2010/07/27 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
Javascript中Promise的四种常用方法总结
2017/07/14 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
Node.js Express安装与使用教程
2018/05/11 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
ES6 Map结构的应用实例分析
2019/06/26 Javascript
js如何验证密码强度
2020/03/18 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python批量下载图片的三种方法
2013/04/22 Python
Python整型运算之布尔型、标准整型、长整型操作示例
2017/07/21 Python
windows下Virtualenvwrapper安装教程
2017/12/13 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
Python中SQLite如何使用
2020/05/27 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
员工工作表扬信范文
2014/01/13 职场文书
无故旷工检讨书
2014/01/26 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
电焊工岗位职责
2014/03/06 职场文书
团支部建设方案
2014/05/02 职场文书
工作检讨书500字
2014/10/19 职场文书
外国人来华邀请函
2015/01/31 职场文书
升学宴来宾致辞
2015/07/27 职场文书