官网:https://lesscss.com.cn/
使用方式 :
1:直接引入less文件,再引入js文件把less编译成css
缺点:这种方式是在客户端把less文件编译成css文件,如果less文件体量比较大,会影响页面渲染速度
2:使用Vscode 安装 Easy less 插件 写好less文件之后 ctrl +s 保存 就可以直接编译成css 文件 然后在html文件中引入即可
3.使用node编译less
3.1全局安装 less npm i less -g
3.2 lessc xxx.less xxx.css
在脚手架里面使用less
1.创建项目的时候选择less预处理语言
2.在项目中途使用less 下载安装
cnpm i less@4.0.0 || yarn add less@4.0.0
cnpm i less-loader@8.0.0 || yarn add less-loader@8.0.0
官网:https://www.sass.hk/
sass 使用方式和less 类似
安装插件 Easy Sass
npm i node-sass -g
node-sass xxx.scss xxx.css
"sass": "^1.32.7",
"sass-loader": "^12.0.0",