Vue 中使用 sass 或 scss 语法配置

使用sass或scss语法配置

安装sass依赖sass-loader和node-sass：

npm i sass-loader node-sass -D （yarn add sass-loader node-sass --dev）

安装之后，可能会出现node-sass安装失败的情况，原因和解决办法可以参考这里，可以通过在命令行直接运行下面的命令来解决：

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

然后在webpack.base.conf.js中添加相关配置：

{
    test: /\.s[a|c]ss$/,
    loader: 'style!css!sass'
}

还有就是在.vue里面使用<style>最好配置成

<style lang="scss">
</style>

因为 lang="sass"使用的是嵌套语法, 如果要支持CSS的语法糖使用 lang="scss"