Vue项目中用sass

Vue项目中用sass

CSS扩展语言可以极大减少css代码的冗余量,而且比css更加容易维护。至于为啥不是less,stylus而是sass?因为SASS - 成熟、稳定、强大的 CSS 扩展语言解析器。(官方洗脑最为致命)言归正传下面就示范一遍如何在Vue中用sass

1
npm install --save-dev sass-loader
1
npm install --save-dev node-sass
1
2
3
4
5
6
7
8
在webpack.base.conf

配置规则
{
test: /\.scss$/,

loaders: ['style', 'css', 'sass']
}

Δ~~~~Δ
ξ •ェ• ξ
ξ ~ ξ
ξ   ξ
ξ   “~~~~〇
ξ       ξ
ξ ξ ξ~~~ξ ξ
 ξ_ξξξ ξξξ_ξ
  ヽ(´•ω•)ノ
    |  /
    UU”

本文结束谢谢大家的阅读

坚持技术分享,您的支持将鼓励我继续创作!
0%