vue脚手架中配置Sass的方法

不言
Freigeben: 2018-06-29 14:49:27
Original
1432 Leute haben es durchsucht

本篇文章主要介绍了vue脚手架中配置Sass的方法,内容挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

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

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

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

我是在vue脚手架中安装的

1 安装

npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass
Nach dem Login kopieren

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

{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] } // 不知道为什么我配置完就打包不了, 不配置就是好用的
Nach dem Login kopieren

3 在APP.vue中修改style标签