vue知识点总结

1.使用sass报 TypeError: this.getResolve is not a function at Object.loader
可能是sass版本过高，一开始安装的是8.0的版本，换成npm install sass-loader@7.3.1就好了。
2.vue单页面引入其他css文件：
@import ‘…/…’; 一定要加分号，不加会报错。
3.sass中的@mixin，@include以及变量的使用

<style lang="scss" scoped>
	$warning: #ffb200;
	$info: #005ff1;
	$default: #ddd;
    @mixin test($color){
		color:$color;
    }
    .class{
    	@include test($info)
    }
</style>

4.less中申明常量：

<style lang="less" scoped>
	@colors:red;

5.引入css模块需要的包：
cnpm i style-loader css-loader less less-loader sass-loader node-sass -D
6.source-map
调试时能显示打包之前的所有文件，方便调试。
npm i source-map -D
7.自定义字体

@font-face{
    font-family:'fontled';
    src:url('../js/led.ttf')//ttf/woff都行
}
.test{
	font-family:'fontled';
}

字体可在dafont字体库中下载，根据需要可转成woff或其他格式