模組

探索 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 模組

每個人都有機會開發模組，我們迫不及待地想看到您會創造出什麼。