vue 中怎么使用安装less和stylu和hotcss.js适

image.png

第一步：
安装less依赖，npm install less less-loader --save

第二步：
<style lang="less" scoped>

//消除1PX
&:last-child::before{border: none;}

2less （三） 一个less 文件引用另一个less文件

image.png

在上面的文件中，我们在a.less 中使用了 @import “” 引入了b.less文件；

在编译的时候，只需要编译a.less即可，即命令：lessc a.less sty.css ；

stylus 安装

vue init webpack stylus
cd stylus
cnpm install
cnpm install stylus --save-dev
cnpm install stylus-loader --save-dev

3 移动端适配方案 （ imochen/hotcss）

image.png

https://github.com/imochen/hotcss

参考文档：
https://blog.csdn.net/mutouafangzi/article/details/76861686
https://so.csdn.net/so/search/s.do?q=less&t=blog

stylus
https://www.jianshu.com/p/90ac096c3e08
https://blog.csdn.net/qq_42354773/article/details/80974971
https://www.jianshu.com/p/90ac096c3e08