Webpack 如何在NUXT中附加JS文件</车身>;末端

Webpack 如何在NUXT中附加JS文件</车身>;末端,webpack,vuejs2,nuxt.js,Webpack,Vuejs2,Nuxt.js,我试图在NUXT中附加javascript文件。 但是,当我使用nuxt.config附加javascript时,它可以工作,但不是我想要的 head: { title: 'mynuxt', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name:

我试图在NUXT中附加javascript文件。 但是,当我使用nuxt.config附加javascript时,它可以工作,但不是我想要的

 head: {
    title: 'mynuxt',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', href: 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' },
      { rel: 'stylesheet', href: '/css/bootstrap.min.css' },
      { rel: 'stylesheet', href: '/css/mdb.min.css' },
      { rel: 'stylesheet', href: '/css/style.min.css' },
    ],
    script: [
          { src: '/js/bootstrap.min.js' },
          { src: '/js/popper.min.js' },
          { src: '/js/mdb.min.js' }
    ],
  },
当我检查元件时,它只是插入头部。

Ive搜索已经在谷歌搜索,但还没有找到任何解决方案。提前感谢

您有两个选择:

选项1-建议使用指南Nuxt.js在文件夹
插件中添加
.js

例如:

plugins/example.js中添加新文件

然后,将该文件添加到
numxt.config.js的plugins键中:

module.exports = {
  plugins: ['~/plugins/example']
}
选项2-在元数据中使用
正文:true

<script>
export default {
  head: {
    script: [
      { src: '/head.js' },
      // Supported since Nuxt 1.0
      { src: '/body.js', body: true },
      { src: '/defer.js', defer: '' }
    ]
  }
}
</script>

导出默认值{
负责人:{
脚本:[
{src:'/head.js'},
//从Nuxt 1.0开始支持
{src:'/body.js',body:true},
{src:'/defer.js',defer:'}
]
}
}

更多信息:

我是否应该将来自插件的js文件驻留在非静态上,先生?@WinstonFale我不知道你的目标是什么,你为什么要将Vue或插件中??在插件中,任何
.js
都可以工作,也可以是静态的。我有一个主题的静态js。我已经导入了css。使用numxt.config中的head>链接。但它也有定制的javascripts,需要在关闭之前放置这些脚本。当我放入标题时,它不起作用,因为它会找到尚不存在的元素。@WinstonFale尝试
{src:'/example.js',body:true},
使用
body:true
非常感谢adriano元数据{body:true}对我有效