![](/img/trans.png)
[英]How to include JS file from npm package to separate page in Nuxt.js
[英]How to include CSS in page in Nuxt.js project
在我的 nuxt.config.js 我添加了这个:
module.exports = {
head: {
css: [
'bulma/css/bulma.css',
"HTML_design/libs/fancybox/jquery.fancybox.css",
"HTML_design/libs/owl-carousel/assets/owl.carousel.css",
"HTML_design/style.css",
{src: "~/assets/css/style.css", lang: 'css'}
]
}
};
我使用了几种连接方法,但都没有帮助。
在我的package.json
:
{
"name": "mynuxt",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "nuxt",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"axios": "^0.16.2",
"bulma": "^0.5.1",
"nuxt": "^1.0.0-rc4",
"vue-style-loader": "^3.0.1"
}
}
但是在浏览器的控制台中,我看不到连接的css
文件。 我该怎么办?
因为你的配置不对。 检查下面的例子:
module.exports = {
head: {
// NOT here
},
css: [
'bulma/css/bulma.css',
'~/assets/css/style.css'
]
}
您可以查看资源选项卡以查看它是否已加载。
nuxt 的版本必须小于 ^1.0.0-rc4
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.