iview在vue-cli3如何按需加载的方法
更新时间：2018年10月31日 11:09:05 作者：joker
这篇文章主要介绍了iview在vue-cli3如何按需加载的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iview在官方文档上，对于使用脚手架vue-cli3的项目的使用只有一句话：“我们为最新的 Vue CLI 3 提供了相应的 iView 插件，如果你正在用 Vue CLI 3，可以直接在插件中搜索 iview，安装插件来使用。” 老实说，第一次看到这说明，我是懵逼的……废话不多说，直接撩起袖子撸
vue-cli3有个命令vue ui打开添加插件搜索 vue-cli-plugin-iview，点击安装
按需加载安装后，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'
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了自定义Vue组件打包、发布到npm及使用教程 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
本篇文章主要介绍了vue数字类型过滤器的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了解决VUEX刷新的时候出现数据消失,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
Axios提供了取消请求的功能,可以通过使用CancelToken来实现,这篇文章主要给大家介绍了关于axios取消请求CancelToken的用法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
这篇文章主要为大家详细介绍了vue3中标签form插件的使用的相关知识,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解下2024-01-01
vue-quill-editor插入图片路径太长问题解决方法
这篇文章主要介绍了vue-quill-editor插入图片路径太长问题解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要为大家介绍了vue前端优雅展示后端十万条数据的考点剖析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
vue element实现将表格单行数据导出为excel格式流程详解
这篇文章主要介绍了vue element实现将表格单行数据导出为excel格式流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-12-12
script setup是vue3的新语法糖,并不是新增的功能模块,只是简化了以往的组合式API必须返回(return)的写法,并且有更好的运行时性能,这篇文章主要给大家介绍了关于Vue3.2中setup语法糖的相关资料,需要的朋友可以参考下2021-12-12
详解Vue3中的watch侦听器和watchEffect高级侦听器
这篇文章主要介绍了Vue3中的watch侦听器和watchEffect高级侦听器,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
最新评论