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