首页 > 其他分享 >vite + vue3 自动导入点击路由刷新问题记录

vite + vue3 自动导入点击路由刷新问题记录

时间:2023-09-07 17:45:45浏览次数:43  
标签:index element plus 路由 vue3 vite dirname es

 

export default defineConfig(() => {
// 这里只加入了element的有其他的也加在这里
  const optimizeDepsElementPlusIncludes = ['element-plus/es'];
 
  //  预加载element样式 有其他组件也是如此设置即可
  fs.readdirSync('node_modules/element-plus/es/components').forEach(
    (dirname: string) => {
      fs.access(
// 其他框架这个路径根据控制台输出进行修改 有的项目时加载的是 css.mjs 有些是 index.mjs 这个路径vite控制台能够看出来
        `node_modules/element-plus/es/components/${dirname}/style/index.mjs`,
        (err: Error) => {
          if (!err) {
            optimizeDepsElementPlusIncludes.push(
              `element-plus/es/components/${dirname}/style/index`,
            );
          }
        },
      );
    },
  );
  return {
    optimizeDeps: {
      include: optimizeDepsElementPlusIncludes,
    },
    //...  其他配置
})

 

标签:index,element,plus,路由,vue3,vite,dirname,es
From: https://www.cnblogs.com/webljl/p/17685646.html

相关文章

  • Vue3实战06-CompositionAPI+<script setup>好在哪?
    Vue3的CompositionAPI+<scriptsetup>标签内定义的变量和函数,都可以在模板中直接使用。###1.2显示清单应用实现累加器后,回到src/pages/Home.vue组件,使用如下代码显示清单应用。直接importTodoList.vue组件,然后<scriptsetup>会自动把组件注册到当前组件,这样......
  • GIN 路由分析
    GIN路由分析第一步:gin.Default  这个会返回一个Engine,Engine的结构如下 其中RouterGroup也是与路由有关的结构体,它的结构体如下第二步:r.GET()r.get就是路由注册和路由处理。r.GET里面的方法就是group.handle就是咱由处理,handle的处理函数  里面的addRoute这......
  • 软路由vs传统路由器ip:选择合适的网络设备
    在构建和管理网络基础设施时,选择正确的网络设备至关重要。本文将介绍软路由IP和传统路由器两种常见的网络设备,并探讨它们各自特点、优势以及应用场景,帮助读者了解并选择最适合他们需求的网络设备。什么是软路由IP?软路由IP是指通过虚拟化技术实现功能类似于物理硬件上运行操作系统与......
  • 软路由IP的冗余和故障转移技术
    在现代互联网环境中,构建一个高可用性的网络是至关重要的。本文将深入探讨软路由IP地址的冗余和故障转移技术,并提供具体处理方法,帮助您实现更稳定、可靠且不间断连接。无论是家庭用户还是企业组织,在今天都离不开对于互联网连接的依赖。而为了确保持续在线并避免单点故障导致服务中断......
  • 可以无脑将Vue2项目升级到Vue3吗?
    Vue3如此优秀,是不是应该赶紧把项目都升级到Vue3?但不是所有项目都适合升级。1应该从2升到3吗?如开启一个新项目,直接使用Vue3最佳选择。以前独立使用Vue2开发应用,不管咋组织代码,无法避免在data、template、methods中上下反复横跳,这种弊端在项目规模上来后更明显。由于vue-cli基......
  • DRF----分页、路由、解析器
    1.5djangorestframework(下)drf内置了很多便捷的功能,在接下来的课程中会给大家依次讲解下面的内容:快速上手请求的封装版本管理认证权限限流序列化视图条件搜索分页路由解析器  10.分页在查看数据列表的API中,如果数据量比较大,肯定......
  • vue3集成jsoneditor
    一、背景之前在做录制回放平台的时候,需要前端展示子调用信息,子调用是一个请求列表数组结构,jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式,为了达到如下的效果,必须用到onNodeName的钩子函数,因此深入调研了下vue3如何集成jsoneditor最后做出来的效果图onNodeName的参考......
  • vue3+typescript +uniapp中select标签
    <select:value="state.year"@change="handleSelectChange($event.target)"> <option:value="i"v-for="iinstate.yearrange">{{i}}</option> </select> ts的代码:``相当于v-model<se......
  • Vue3 setup 如何添加name
    Vue3setup如何添加name小满zs2022-11-2915:5810778 开启掘金成长之旅!这是我参与「掘金日新计划·12月更文挑战」的第2天,点击查看活动详情Vue3中name有什么用呢?1.在递归组件的时候需要定义name2.配合keep-aliveincludeexclude可以缓存组件3.在Vue有报错或......
  • MPLS解决BGP路由黑洞
    需求1、as200TCP连接采用isis2、r3不配置BGP3、在R1上发布1.1.1.1,在r5上发布5.5.5.54、通过routerecursive-lookuptunnel,解决BGP黑洞配置R1<r1>displaycurrent-configuration [V200R003C00]#sysnamer1#snmp-agentlocal-engineid800007DB03000000000000snmp-agent......