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 相关文章推荐
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
用IE重起计算机或者关机的示例代码
Mar 10 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
js获取Get值的方法
Sep 29 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Feb 23 Javascript
javascript将list转换成树状结构的实例
Sep 08 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
基于vue+element实现全局loading过程详解
Jul 10 Javascript
JavaScript中的Proxy对象
Nov 27 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
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
PHP实现自动识别Restful API的返回内容类型
2015/02/07 PHP
微信支付开发动态链接Native支付
2016/07/12 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
2018/09/14 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
python ElementTree 基本读操作示例
2009/04/09 Python
python安装PIL模块时Unable to find vcvarsall.bat错误的解决方法
2016/09/19 Python
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
python去除文件中重复的行实例
2018/06/29 Python
django的autoreload机制实现
2020/06/03 Python
Python项目跨域问题解决方案
2020/06/22 Python
HTML5离线缓存Manifest是什么
2016/03/09 HTML / CSS
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
C语言面试题
2015/10/30 面试题
初中物理教学反思
2014/01/14 职场文书
春节联欢会策划方案
2014/05/16 职场文书
舞蹈专业求职信
2014/06/13 职场文书
学校工作推荐信范文
2014/07/11 职场文书
学校政风行风整改方案
2014/10/25 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
董事会决议范本
2015/07/01 职场文书
导游词之黄果树瀑布
2019/09/20 职场文书
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸