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 相关文章推荐
如何使用jQuery来处理图片坏链具体实现步骤
May 02 Javascript
解析URI与URL之间的区别与联系
Nov 22 Javascript
jquery选择checked在ie8普通模式下的问题
Feb 12 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 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
一些关于PHP的知识
2006/11/17 PHP
php下MYSQL limit的优化
2008/01/10 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
php递归调用删除数组空值元素的方法
2015/04/28 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
vue cli构建的项目中请求代理与项目打包问题
2018/02/26 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
关于layui 下拉列表的change事件详解
2019/09/20 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
python assert的用处示例详解
2019/04/01 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
Python 如何测试文件是否存在
2020/07/31 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
工程负责人任命书
2014/06/06 职场文书
经典演讲稿开场白
2014/08/25 职场文书
家庭财产分割协议书范本
2014/11/24 职场文书
创业计划书之酒吧
2019/12/02 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python
Python 读取千万级数据自动写入 MySQL 数据库
2022/06/28 Python