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 相关文章推荐
Jquery解析json字符串及json数组的方法
May 29 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
Jun 12 Javascript
详解利用 Express 托管静态文件的方法
Sep 18 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
Postman无法正常返回结果问题解决
Aug 28 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 Javascript
ES6 十大特性简介
Dec 09 Javascript
微信小程序用户授权最佳实践指南
May 08 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
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
PHP原生模板引擎 最简单的模板引擎
2012/04/25 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
php文件操作之小型留言本实例
2015/06/20 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP实现正则表达式分组捕获操作示例
2018/02/03 PHP
图片之间的切换
2006/06/26 Javascript
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
2015/08/27 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
Vue用v-for给src属性赋值的方法
2018/03/03 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
基于vue-cli搭建多模块且各模块独立打包的项目
2019/06/12 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
python虚拟环境virualenv的安装与使用
2016/12/18 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
python抓取需要扫微信登陆页面
2019/04/29 Python
利用python求积分的实例
2019/07/03 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
Python xlwt模块使用代码实例
2020/06/10 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
浅析python函数式编程
2020/09/26 Python
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
2014年幼儿园小班工作总结
2014/12/04 职场文书