nuxt中使用scss和html模板
scsshtml模板
scss
npm i node-sass sass-loader --save在assets目录下创建scss文件夹 在文件夹下面创建global.scss文件npm i @nuxtjs/style-resources --save在nuxt.config.js文件中配置模块modules’@nuxtjs/style-resources’引入创建好的scss文件:
styleResources
:{
scss
:[
'./assets/scss/global.scss'
]
},
html模板
在ssr目录下创建app.html
<!DOCTYPE html
>
<html
{{HTML_ATTRS}}>
<head
{{HEAD_ATTRS}}>
{{HEAD}}
<meta charset
="UTF-8">
<meta name
="viewport" content
="width=device-width, initial-scale=1.0">
<title
>Document
</title
>
</head
>
<body
{{BODY_ATTRS}}>
{{APP}}
</body
>
</html
>
~喜欢 的小伙伴点个赞呗，谢谢♥~
相关推荐:橘子猫哥的《普歌-飞灵团队-Vue基础整理(上部分)》
作者及出处,版权信息 作者：橘子猫哥 出处/源自：橘子猫哥《普歌-飞灵团队-nuxt中使用scss和html模板》
本文版权归作者和共有，欢迎转载，且在文章页面明显位置给出原文链接，未经作者同意必须保留此段声明，否则保留追究法律责任的权利。 本文版权归所有
