less&sass

119 阅读1分钟

官网: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

官网:www.sass.hk/
sass 使用方式和less 类似
安装插件 Easy Sass

     npm i node-sass -g

     node-sass  xxx.scss  xxx.css