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 相关文章推荐
将两个div左右并列显示并实现点击标题切换内容
Oct 22 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
javascript实现label标签跳出循环操作
Mar 06 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
Node.js获取前端ajax提交的request信息
Feb 20 Javascript
vue滚动轴插件better-scroll使用详解
Oct 17 Javascript
vue实现2048小游戏功能思路详解
May 09 Javascript
js replace替换字符串同时替换多个方法
Nov 27 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
js闭包和垃圾回收机制示例详解
Mar 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 基于文件头的文件类型验证类函数
2012/05/01 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
php使用APC实现实时上传进度条功能
2015/10/26 PHP
Thinkphp微信公众号支付接口
2016/08/04 PHP
JS查看对象功能代码
2008/04/25 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
事件绑定之小测试  onclick && addEventListener
2011/07/31 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
jquery mobile界面数据刷新的实现方法
2016/05/28 Javascript
jQuery获取元素父节点的方法
2016/06/21 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
第一次记录Bootstrap table学习笔记(1)
2017/05/18 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
微信小程序中为什么使用var that=this
2019/08/27 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
细说webpack6 Babel的使用详解
2019/09/26 Javascript
jquery 时间戳转日期过程详解
2019/10/12 jQuery
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
Python图片裁剪实例代码(如头像裁剪)
2017/06/21 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
python基于pexpect库自动获取日志信息
2021/02/01 Python
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
生物科学专业个人求职信范文
2013/12/05 职场文书
标准自荐信范文
2014/01/29 职场文书
公司委托书格式范本
2014/09/16 职场文书
委托证明书
2014/09/17 职场文书
四查四看整改措施
2014/09/19 职场文书
政风行风整改方案
2014/10/25 职场文书
2015年国庆节广播稿
2015/08/19 职场文书