vue 首页预加载路由组件文件1000多个,导致登录页卡顿

chainWebpack(config) {
    config.resolve.alias.set("@$", resolve("src"));
    // 移除 prefetch 插件 (处理首页懒加载路由文件500+导致登录页卡顿的问题)
    config.plugins.delete("prefetch");
    // svg规则配置一下,排除icons目录
    config.module
      .rule("svg")
      .exclude.add(resolve("src/icons"))
      .end();
    // 新增icons规则,设置svg-sprite-loader
    config.module
      .rule("icons")
      .test(/\.svg$/)
      .include.add(resolve("src/icons"))
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({ symbolId: "icon-[name]" }) // 使用图标名称
      .end();
  },

  

原文地址:https://www.cnblogs.com/glory0727/p/13627329.html

posted @ 2021-04-23 14:29  velion  阅读(361)  评论(0)    收藏  举报