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多线程的实现方法
May 08 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
Jun 27 Javascript
js 获取计算后的样式写法及注意事项
Feb 25 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
innerHTML中标签可以换行的方法汇总
Aug 14 Javascript
日常收集整理的JavaScript常用函数方法
Dec 10 Javascript
JSON 数据格式详解
Sep 13 Javascript
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
vue+axios实现post文件下载
Sep 25 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
JS实现canvas简单小画板功能
Jun 23 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
PHP中date()日期函数有关参数整理
2011/07/19 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
PHP APC缓存配置、使用详解
2014/03/06 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
php编程每天必学之表单验证
2016/03/01 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
javascript实现2048游戏示例
2014/05/04 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
[47:35]VP vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
c++生成dll使用python调用dll的方法
2014/01/20 Python
Python求导数的方法
2015/05/09 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
图解Python变量与赋值
2018/04/03 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
python提取log文件内容并画出图表
2019/07/08 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
python3多线程知识点总结
2019/09/26 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
python Zmail模块简介与使用示例
2020/12/19 Python
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
学生自我评语大全
2014/04/18 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
护士心得体会范文
2016/01/25 职场文书