使用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"
Vue 中使用 sass 或 scss 语法配置(未使用)
原文地址:https://www.cnblogs.com/DoubleLoong/p/8628893.html