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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
jQuery中实现动画效果的基本操作介绍
Apr 16 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
浅谈js中对象的使用
Aug 11 Javascript
AngularJS入门教程之双向绑定详解
Aug 18 Javascript
详解如何较好的使用js
Dec 16 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
Feb 21 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
es6函数之严格模式用法实例分析
Mar 17 Javascript
利用node.js开发cli的完整步骤
Dec 29 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
多数据表共用一个页的新闻发布
2006/10/09 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
php上传图片并压缩的实现方法
2015/12/22 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
表单提交验证类
2006/07/14 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
2016/09/19 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
jquery网页加载进度条的实现
2017/06/01 jQuery
node文字生成图片的示例代码
2017/10/26 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
python基于socket实现网络广播的方法
2015/04/29 Python
分析Python中设计模式之Decorator装饰器模式的要点
2016/03/02 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
Django数据库表反向生成实例解析
2018/02/06 Python
Python调用C++,通过Pybind11制作Python接口
2018/10/16 Python
django2笔记之路由path语法的实现
2019/07/17 Python
pytorch 可视化feature map的示例代码
2019/08/20 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
学期自我评价
2014/01/27 职场文书
2015年青年教师工作总结
2015/05/25 职场文书
小学体育组工作总结
2015/08/13 职场文书