脚本宝典收集整理的这篇文章主要介绍了

iview在vue-cli3如何按需加载

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

iview在官方文档上,对于使用脚手架vue-cli3的项目的使用只有一句话:“我们为最新的 Vue CLI 3 提供了相应的 iView 插件,如果你正在用 Vue CLI 3,可以直接在插件中搜索 iview,安装插件来使用。” 老实说,第一次看到这说明,我是懵逼的……废话不多说,直接撩起袖子撸

vue-cli3有个命令vue ui打开添加插件搜索 vue-cli-plugin-iview,点击安装

clipboard.png

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'

总结

以上是脚本宝典为你收集整理的

iview在vue-cli3如何按需加载

全部内容,希望文章能够帮你解决

iview在vue-cli3如何按需加载

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过