全局导入 Nuxt.js 模块

Question

我正在使用Nuxt.js进行一个小项目，我想知道是否有任何方法可以像这样全局导入我的一些模块

import $ from 'jquery'
import Swal from 'sweetalert2'
import toastr from 'toastr'
import Vue from 'vue'

因为每次创建新页面时，我都会导入相同的模块。 所以我想知道是否有任何方法可以在引导中调用这个模块。

Answer 1

在plugins文件夹中，您可以创建一个jquery.js文件，然后在nuxt.config.js您可以让它定义它。

 plugins: [
    {
      src: '~/plugins/jquery.js',
      ssr: 
    }
  ]

一旦定义了它，您就可以在所有页面/组件中使用它们而无需重复调用它。

我希望这有帮助。