程序员的资源宝库

网站首页 > gitee 正文

按需导入vant-ui vant上传组件

sanyeah 2024-03-29 15:20:49 gitee 8 ℃ 0 评论

1.同样的可以dependencies安装:npm install vant -S,

"vant": "^2.12.6",
可以devDependencies安装:babel-plugin-import
"babel-plugin-import": "^1.13.3",
2.配置文件babel.config.js(或者.babelrc或者package.js中配置)添加配置:
plugins: [
        [
            "import",
            {
                libraryName: "vant",
                libraryDirectory: "es",
                style: true,
            },
        ],
    ],

  babel-plugin-import是一款babel插件,在编译过程中将import的写法自动转换成按需引入的方式。

3.新增文件src/modules/vantUsed.js

import Vue from "vue";
import { Button, Popup } from "vant";

Vue.component()注册组件等。
Vue.use(Button)
Vue.use(Popup)


// 或者采用Vue.component()方法注册全局组件。

// const components = [Button, Popup];
// components.forEach((component) => {
//     Vue.component(component.name, component);
// });

  两种方式均可注册全局组件。

4.main.js引入src/modules/vantUsed.js(直接main.js文件中导入、注册vant组件也可以)。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表