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 相关文章推荐
animate动画示例(泪奔的小孩)及stop和delay的使用
May 06 Javascript
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
JavaScript常用字符串与数组扩展函数小结
Apr 24 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
ionic3双击返回退出应用的方法
Sep 17 Javascript
小程序实现投票进度条
Nov 20 Javascript
详解element上传组件before-remove钩子问题解决
Apr 08 Javascript
Express 配置HTML页面访问的实现
Nov 01 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实现图片等比例缩放代码
2015/07/23 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
php中yii框架实例用法
2020/12/22 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
JQuery each()嵌套使用小结
2014/04/18 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
微信小程序如何使用云开发
2019/05/17 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
2020/08/12 Javascript
python实现博客文章爬虫示例
2014/02/26 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
python爬取cnvd漏洞库信息的实例
2019/02/14 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
python 两种方法删除空文件夹
2020/09/29 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
浅析HTML5中header标签的用法
2016/06/24 HTML / CSS
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
护理专业毕业生自我鉴定
2013/10/08 职场文书
《落花生》教学反思
2014/02/25 职场文书
汇报材料怎么写
2014/12/30 职场文书
2015年人民调解工作总结
2015/05/18 职场文书
个人收入证明范本
2015/06/12 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
合同范本之电脑出租
2019/08/13 职场文书