Nuxt.js中使用scss预处理器

首页安装node-sass和sass-loader：

1. npm install --save-dev  node-sass sass-loader

然后在nuxt.config.js 文件的build中添加配置：

1. build: {
2.     styleResources: {
3.       scss: ' ./ assets / variables.scss ',
4.       less: ' ./assets /* . less ',
5.       // sass：...，
6.       // scss：...
7.       options : {
8.         //参见https://github.com/yenshih/style-resources-loader#options
9.         //除patterns属性外
10.       }
11.     }
12.   },

使用：

1. <style lang="scss">
2.   .subtitle{
3.     a{
4.       font-size: 20px;
5.       color: blue;
6.     }
7.   }
8. </style>

完！