Advertisement

在使用vue-cli3时动态引入vant/Element UI组件库

阅读量:

一、安装vant和element ui

1.部署vant

复制代码
 # 通过 npm 安装

    
 npm i vant -S
    
  
    
 # 通过 yarn 安装
    
 yarn add vant
    
    
    
    
  1. element ui的安装过程
复制代码
    npm i element-ui -S
    

二、配置按需引入插件

1.vant

复制代码
    npm i babel-plugin-import -D
    

2.元素用户界面

复制代码
    npm install babel-plugin-component -D
    

此处重复书写相同指令的原因在于,我在使用按需加载element ui的过程中,发现引入vant组件时未能正常运作。直至我再次执行了以下两个步骤:“①安装vant;②配置按需引入;”之后,vant组件的引入方才恢复正常。

三、babel.config.js配置解析

配置方案一:

复制代码
 module.exports = {

    
   presets: [
    
     '@vue/cli-plugin-babel/preset',
    
   ],
    
   "plugin

全部评论 (0)

还没有任何评论哟~