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 相关文章推荐
JS模拟自动点击的简单实例
Aug 08 Javascript
js实现目录定位正文示例
Nov 14 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
May 04 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
vue实现点击按钮下载文件功能
Oct 11 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
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
分享一下贝贝成长进度的php代码
2012/09/14 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP遍历目录并返回统计目录大小
2014/06/09 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
JQuery从头学起第三讲
2010/07/06 Javascript
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
NodeJS处理Express中异步错误
2017/03/26 NodeJs
bootstrap3 dialog 更强大、更灵活的模态框
2017/04/20 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
2018/01/16 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
vue+axios 前端实现的常用拦截的代码示例
2018/08/23 Javascript
JS拖拽排序插件Sortable.js用法实例分析
2019/02/20 Javascript
小程序实现新用户判断并跳转激活的方法
2019/05/20 Javascript
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
Python中的descriptor描述器简明使用指南
2016/06/02 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
基于Python实现的ID3决策树功能示例
2018/01/02 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
Django admin禁用编辑链接和添加删除操作详解
2019/11/15 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
Selenium之模拟登录铁路12306的示例代码
2020/07/31 Python
pycharm 关闭search everywhere的解决操作
2021/01/15 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
成龙霸王洗发水广告词
2014/03/14 职场文书
四查四看整改措施
2014/09/19 职场文书
骨干教师事迹材料
2014/12/17 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书
Python源码解析之List
2021/05/21 Python
JavaScript选择器函数querySelector和querySelectorAll
2021/11/27 Javascript
Win11 21h2可以升级22h2吗?看看你的电脑符不符合要求
2022/07/07 数码科技