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 网站换肤功能实现代码
Nov 02 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
Nov 24 Javascript
JavaScript中实现块作用域的方法
Apr 01 Javascript
JQueryEasyUI datagrid框架的进阶使用
Apr 08 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
js实现放大镜特效
May 18 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 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生成rss类用法实例
2015/04/14 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
制作个性化的WordPress登陆界面的实例教程
2016/05/21 PHP
PHP两个n位的二进制整数相加问题的解决
2018/08/26 PHP
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
require.js 加载过程与使用方法介绍
2018/10/30 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
2019/09/21 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
python文件比较示例分享
2014/01/10 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
户外婚礼策划方案
2014/02/08 职场文书
校庆口号
2014/06/20 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
2014年电话客服工作总结
2014/12/09 职场文书
电信营业员岗位职责
2015/04/14 职场文书
学校推普周活动总结
2015/05/07 职场文书
法律意见书范文
2015/06/04 职场文书
海上钢琴师的观后感
2015/06/11 职场文书
本科毕业论文答辩稿
2015/06/23 职场文书
初中信息技术教学反思
2016/02/16 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书