模块

探索 Nuxt 模块

当使用 Nuxt 开发生产级应用程序时，您可能会发现框架的核心功能不足。Nuxt 可以通过配置选项和插件进行扩展，但在多个项目之间维护这些自定义可能很繁琐、重复且耗时。另一方面，如果 Nuxt 开箱即用支持每个项目的需求，则会使其变得非常复杂且难以使用。

这是 Nuxt 提供模块系统以扩展核心的原因之一。Nuxt 模块是异步函数，当使用 nuxt dev 在开发模式下启动 Nuxt 或使用 nuxt build 为生产环境构建项目时，它们会顺序运行。它们可以覆盖模板、配置 webpack 加载器、添加 CSS 库并执行许多其他有用的任务。

最重要的是，Nuxt 模块可以作为 npm 包发布。这使得它们可以在项目之间重复使用并与社区共享，有助于创建高质量插件的生态系统。

添加 Nuxt 模块

安装模块后，您可以将它们添加到 nuxt.config.ts 文件中的 modules 属性下。模块开发者通常会提供额外的使用步骤和详细信息。

export default defineNuxtConfig({
  modules: [
    // Using package name (recommended usage)
    '@nuxtjs/example',

    // Load a local module
    './modules/example',

    // Add module with inline-options
    ['./modules/example', { token: '123' }],

    // Inline module definition
    async (inlineOptions, nuxt) => { },
  ],
})

创建 Nuxt 模块

每个人都有机会开发模块，我们迫不及待地想看到您将构建什么。