Webpack 如何在NUXT中附加JS文件</车身>;末端
我试图在NUXT中附加javascript文件。 但是,当我使用nuxt.config附加javascript时,它可以工作,但不是我想要的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:
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}对我有效