0

0

在vue脚手架中如何配置Sass

亚连

亚连

发布时间:2018-06-13 16:15:15

|

1670人浏览过

|

来源于php中文网

原创

本篇文章主要介绍了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

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

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

3 在APP.vue中修改style标签