本篇文章主要介绍了在Vue中使用Compass的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

写作动机 拖了蛮久的，总算下定决心要给自己写一个个人网站，不仅要看起来狂拽酷炫，技术也要OK，所以趁此机会也将自己不熟悉的技术拿来锻炼一下。网站打算用Vue来作为前端框架，Css用Sass来写。但是尚未正式开始就突然想到，既然Sass有Compass这么有力的工具不用岂不是步子迈小了，然而找了一轮发现都是说怎样在Vue项目中使用Sass而没有Compass的解决方案。但是这么放弃一个强大的工具练习不了又不甘心，于是各种继续搜索和尝试后总算是成功在项目中用上了Compass，然后屁颠的就来分享了

世界上最成熟、最稳定、最强大的专业级CSS扩展语言！ 兼容CSS Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。 特性丰富 Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力，一直使其保持领先地位。 成熟 Sass已经经过其核心团队超过8年的精心打造。 行业认可 一次又一次地，行业把Sass作为首选CSS扩展语言。 社区庞大 数家科技企业和成百上千名开发者为Sass提供支持。 框架 有无数的框架使用Sass构建。比如Com

normalize：统一了基本的样式，如margin: 0;（类似compass中的reset模块） compass：对sass的封装，扩展 1.安装 npm i normalize.css compass-mixins –save-dev 1.1 normalize.cssx引用 在main.js中 import 'normalize.css' 这样就完成了引用，F12，查看 body { margin: 0; // 如果是0则说明normalize已经起作用 } 2.1 comp