vue脚手架中配置Sass的方法

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标签

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。