nuxt 引用scss 文件

很奇怪，scss文件其实是可以引用的 ，但是有人来问博主 他已经安装好了node-sass、sass-loader  但是还是编译不了，后面博主远程了下 ，

其实根本是没安装的，因为他npm install 之后 代码继续往下走，他以为安装过了，

现在博主来教下大家 怎么正确安装scss的 

首先  

npm install cnpm  
cnpm install node-sass  
cnpm install sass-loader  
cnpm install postcss-loader  
cnpm install style-loader --save  
cnpm install css-loader --save 

好，如果你nuxt 是 想把这个 scss放通用的样式  你在 config里面

module.exports = {
	css: [
	    { src: '~assets/cyc.scss', lang: 'scss' } // 指定 scss 而非 sass
	],

恩，这个是放公共样式的地方，

如果你想单页面引用 单个scss  注意 以下是错误的方法  这种虽然可以dev 但是  你打包的时候就报错了，注意！

import '~/assets/a1.scss'

好 正确的方法是

<template>
</template>

<script>
</script>

<style src='../assets/a1.scss'></style>

你会发现 貌似 scss里面不能执行scss语法，没事，看我接下去出的全局配置  sass

好，点不点赞看你了，或者 可以加入 我的 群153181864   前端交流群  ，绝对原创，转载请附上 本微博链接。