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

 

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,
    },
    //...  其他配置
})