微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue脚手架中配置Sass的方法

世界上最成熟、最稳定、最强大的专业级CSS扩展语言!

兼容CSS

Sass完全兼容所有版本的CSS。我们对此严格把控,所以你可以无缝地使用任何可用的CSS库。

特性丰富

Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力,一直使其保持领先地位。

成熟

Sass已经经过其核心团队超过8年的精心打造。

行业认可

一次又一次地,行业把Sass作为首选CSS扩展语言。

社区庞大

数家科技企业和成百上千名开发者为Sass提供支持

框架

有无数的框架使用Sass构建。比如Compass,Bourbon,和Susy。

我是在vue脚手架中安装的

1 安装

rush:bash;"> npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass

2 配置: 在build文件夹下的webpack.base.conf.js的rules里面添加配置

rush:js;"> { test: /\.sass$/,loaders: ['style','css','sass'] } // 不知道为什么我配置完就打包不了,不配置就是好用的

3 在APP.vue中修改style标签

rush:js;">