为什么我要使用 Nuxt 中的插件文件夹

【问题标题】：Why would I want use the plugins folder in Nuxt为什么我要使用 Nuxt 中的插件文件夹
【发布时间】：2020-09-20 15:28:34
【问题描述】：

Nuxt plugins 文件夹似乎允许我将模块，例如 moment.js 导入 plugins/moment.js 文件，然后将该 moment.js 文件导入我的应用程序以供使用。当我可以直接将moment.js 导入我的应用程序时，我很难理解我想要这样做吗？

将我的模块导入插件文件夹而不是直接将它们导入我的应用程序有什么好处？

【问题讨论】：

标签： nuxt.js

【解决方案1】：

除了它更结构化和更容易调试之外，我们并不总是出于这个原因使用 plugins 文件夹。

例如，您可以在 plogin-name.js 中配置插件的选项并将该文件导入 nuxt-config.js。

在本例中，您可以在 plugins/vuetify.js 中为您的主题添加图标或颜色。

import UpIcon from "@/components/icons/UpIcon.vue";
import DownIcon from "@/components/icons/DownIcon.vue";
export default {
  icons: {
    values: {
      "arrow-up": { component: UpIcon },
      "arrow-down": { component: DownIcon },
    }
  }
};

或者在这种情况下，您甚至不需要将其导入到您的 nuxt-config.js 中。它会自动检测并应用它。

【讨论】：