vue脚手架中配置Sass的方法

嵌套css规则css中重复写选择器是非常恼人的。sass在输出css时会帮你把这些嵌套规则处理好，避免你的重复书写。然而，后果是只有执行到@import时，浏览器才会去下载其他css文件，这导致页面加载起来特别慢。这意味着所有相关的样式被归纳到了同一个css文件中，而无需发起额外的下载请求。下边的这段sass代码，定义了一个非常简单的混合器，目的是添加跨浏览器的圆角边框。因为继承仅仅是重复选择器，而不会重复属性，所以使用继承往往比混合器生成的css体积更小。混合器本身不会引起css层叠的问题，因为混合器把样式直接放到了css规则中，而继承存在样式层叠的问题。