首页 > 其他分享 >全局引用ant-design-vue的TreeSelect没有样式

全局引用ant-design-vue的TreeSelect没有样式

时间:2023-08-10 17:23:31浏览次数:38  
标签:vue babel utm ant design TreeSelect

在全局只按需引用了TreeSelect --- vue.use(TreeSelect)

没有样式.........

需要在babel.config.js里的plugins配置

plugins: [
    [
        "import",
        {
            "libraryName": "ant-design-vue", // 库名称
"libraryDirectory": "es", // 组件路径
"style": true, // 会加载less文件 } ] ]

 

element-ui按需引入是使用的babel-plugin-component,而vant按需引入是使用的babel-plugin-import

babel-plugin-import 是 ant-design 团队出的,其他绝大部分按需引入的插件都是在此基础上改的。

babel-plugin-component 是饿了么团队在前者的基础上做了一些改动。

 

自定义组件添加babel配置:

https://www.jianshu.com/p/ee8371b5d4e5?utm_campaign=hugo&utm_content=note&utm_medium=writer_share&utm_source=weibo

标签:vue,babel,utm,ant,design,TreeSelect
From: https://www.cnblogs.com/xjy20170907/p/17620952.html

相关文章

  • vue自定义指令(防抖)
    importVuefrom'vue'/***按钮防抖,300毫秒内只触发一次请求*区分了一下传参和不传参的情况*///不传参数,用法:v-debounce="test_debounce"Vue.directive('debounce',{inserted:function(el,binding){lettimerel.addEventListener('click',......
  • 基于RiceQuant的期货多因子策略实现(二)
    前言介绍期货交易经典理论介绍期货因子大类分类通过构建时序与截面因子,构建多空组合。交易理论现货溢价理论(套保者影响)对冲压力假说(期货价格由现货价格和对冲需求共同决定)存储理论(商品的存储影响现货和期货之间的价格关系,存储成本低,市场预期未来价格上涨时,商人会选择购......
  • 详解ConfuserEx的Anti Tamper与Anti Dump
    title:详解ConfuserEx的AntiTamper与AntiDumpdate:2018-08-14updated:2023-04-11lang:zh-CNcategories:-[.NET逆向]tags:-.NET-逆向工程-脱壳-ConfuserEx-反篡改-反转储toc:true文章首发于https://wwh1004.github.io/inside-confuserex-antitamper-......
  • PantTool SAI(绘图软件) v2023.04.05 中文永久使用
    PantToolSAI是一款流行的绘图软件,专为数字艺术家和插画师设计。它提供了丰富的绘画工具和功能,使用户能够轻松地创作出精美的插图、漫画和动画作品。点击获取PantToolSAI 以下是PantToolSAI的主要特点和功能:简单直观的界面:PantToolSAI采用简洁、直观的界面设计,使用户可......
  • npm uninstall -g @vue/cli 命令卸载脚手架失败
     解决方法如下:1、执行:npmconfigls-l命令;在展示信息的userconfig键值中找到.npmrc文件的路径;将.npmrc文件删除。查询结果如下: 2、执行:wherevue命令;删除查询出的两个文件。文件如下图: 3、执行:vue-V命令。发现vue命令已经不可用,说明已经删除成功。 ......
  • vue3源码入口
    vue有两个阶段  分为编译时和运行时webpack  把vue模板编译生成对应的js代码,vue组件组件对应的template模板会被编译器转化为render函数。 运行时编译后代码执行render函数并返回VNode,最后将VNode渲染成真实的DOM节点createApp>ensureRenderer>createRenderer>ba......
  • 精简的Vue Elenent ui界面
    仓库地址:https://gitee.com/JSTGitee/element-jst-admin 登录  首页   表格   前言该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于Vue2,使用vue-cli2脚手架,引用Elementui组件库,方便开发快速简洁好看的组件。 功能......
  • Vue3中的defineProps方法
    1.什么是definePropsdefineProps是Vue3中的一种新的组件数据传递方式,可以用于在子组件中定义接收哪些父组件的props。当父组件的props发生变化时,子组件也会随之响应。2.如何使用defineProps?在子组件中可以使用defineProps声明该组件需要接收的props,它需要传递一个包含props字段......
  • Code as you want, fail as you expect.
    想学习罗阿姨的style,但是……蚌埠住了。总结写了一坨没了。现在是速通版。废话没了。差分约束注意queue换stack、SLF、判断出队次数等优化。以及SPFA最短路跑出来答案最大,反之亦然。换根dp可以根据定义去换。此外因为\(f_v\)是从\(f_u\)过来的,换根可以对\(f_v\)......
  • vue cli 解决浏览器缓存问题
    在vue打包时会遇到前端明明发布了,但是浏览器却没有更新。需要强制刷新才能看到最新的内容。解决方法一加时间戳后缀在vue.config.js的文件中加入constTimestamp=newDate().getTime();module.exports={configureWebpack:{//webpack配置output:{//输出重构......