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  前端交流羣 ，絕對原創，轉載請附上 本微博鏈接。