图层
Nuxt 提供了一个强大的系统,允许你扩展默认的文件、配置等等。
Nuxt 3 的核心功能之一就是图层和扩展支持。你可以扩展默认的 Nuxt 应用程序,以便重用组件、工具和配置。图层结构几乎与标准的 Nuxt 应用程序相同,这使得它们易于编写和维护。
使用场景
- 使用
nuxt.config
和app.config
在项目之间共享可重用的配置预设 - 使用
components/
目录创建组件库 - 使用
composables/
和utils/
目录创建实用工具和可组合库 - 创建 Nuxt 模块预设
- 在项目之间共享标准设置
- 创建Nuxt 主题
使用方法
你可以通过在 nuxt.config.ts
文件中添加 extends 属性来扩展一个图层。
nuxt.config.ts
export default defineNuxtConfig({
extends: [
'../base', // 从本地图层扩展
'@my-themes/awesome', // 从已安装的 npm 包扩展
'github:my-themes/awesome#v1', // 从 git 仓库扩展
]
})