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或其他格式