Nuxt js 如何从资产中导入 js 文件？

Question

我尝试了所有方法来导入 JS 文件，但仍然没有找到。 如何将 js 文件从资产导入 nuxt.config.js 和您的所有网站

nuxt.config.js

head: {
script: [
      {
        src: '~/assets/js/core.js',
      },
      {
        src: 'js/core.js',
      },
      {
        src: 'assets/js/core.js',
      },
      {
        src: '~assets/js/core.js',
      },
      {
        src: '@assets/js/core.js',
      },
      {
        src: '@/assets/js/core.js',
      },
      {
        src: '@assets/js/core.js',
      },
]
}

Answer 1

您可以使用plugins目录将 js 插件添加到您的 Nuxt 项目中。

示例 - hello.js

export default ({ app }, inject) => {
 // Inject $hello(msg) in Vue, context and store.
 inject('hello', msg => console.log(`Hello ${msg}!`))
}

nuxt.config.js

module.exports = {
   plugins: ['~/plugins/hello.js']
}

组件.vue

export default {
  mounted() {
    this.$hello('mounted')
    // will console.log 'Hello mounted!'
  }
}

示例参考 - https://nuxtjs.org/docs/directory-structure/plugins/