vite-plugin-vue-layouts插件配置

问题：vite.config.js里面已经注释掉了

Layouts({

// layoutsDirs: 'src/layouts'

// defaultLayout: 'default'

})

这段代码已经注释了，但是页面上输入不存在的路径的时候为什么还能显示default layout呢

git@gitee.com:ren_meng_xue/pk-front-vue3.git main分支

是因为route.js里面的

extendRoutes: (routes) => setupLayouts(routes)

这句话嘛？

我最可爱ya 2024-06-06

源自：Vue3项目框架搭建及响应式开发方案 1-15 全局Layouts：vite-plugin-vue-layouts

收起

1回答

Brian 2024-06-06 20:08:58

虽然你注释掉了，但是这个插件有默认配置：

function resolveOptions(userOptions: UserOptions): ResolvedOptions {
  return Object.assign(
    {
      defaultLayout: 'default',
      layoutsDirs: 'src/layouts',
      pagesDirs: 'src/pages',
      extensions: ['vue'],
      exclude: [],
      importMode: defaultImportMode,
    },
    userOptions,
  )
}

这个是官方源代码，看看默认配置。

是因为route.js里面的

extendRoutes: (routes) => setupLayouts(routes)

这句话嘛？——是的，https://github.com/JohnCampionJr/vite-plugin-vue-layouts/blob/28757fc7a96786575f1107e8c3e6eb743adf46cf/src/clientSide.ts#L70

收起回答