使用sass
或scss
语法配置
安装sass
依赖sass-loader
和node-sass
:
npm i sass-loader node-sass -D
安装之后,可能会出现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"