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事件写法实现代码
Jan 07 Javascript
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
JavaScript实现网页上的浮动广告的简单方法
Jun 14 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
Vue点击切换Class变化,实现Active当前样式操作
Jul 17 Javascript
JavaScript如何实现防止重复的网络请求的示例
Jan 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
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
ThinkPHP模板Switch标签用法示例
2014/06/30 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
php模板引擎技术简单实现
2016/03/15 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
php微信开发之关注事件
2018/06/14 PHP
PHP实现微信对账单处理
2018/10/01 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015/08/21 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
vuex进阶知识点巩固
2018/05/20 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
python多线程操作实例
2014/11/21 Python
使用Python绘制图表大全总结
2017/02/11 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
python几种常用功能实现代码实例
2019/12/25 Python
python中什么是面向对象
2020/06/11 Python
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
商超业务员岗位职责
2014/03/12 职场文书
目标责任书范本
2014/04/16 职场文书
领导班子四风对照检查材料范文
2014/09/27 职场文书
档案接收函格式
2015/01/30 职场文书
2015医德医风个人工作总结
2015/04/02 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python