LESSCSS学习笔记

所属：LESSCSS

把.css文件当作.less文件处理

之前在整理老项目时，发现有些样式文件以前是没用 Less 来编写，那如何把旧的样式文件当做 Less 来解析呢？

1
2
@import (less) "demo.css";
……

这样引用进来，demo.css 就会被当作成 Less 文件来解析了。
但是这里要注意一下，如果指定了某个文件是 Less 但是没有包含后缀名，Less 将不会自动添加后缀名。

变量插值

在做活动页面时，交付给后端同学后，他要活动页面里用到的所有图片都放到 CDN 上面去，他告诉我他的做法是一个个 Ctrl+F，问我有没有更好的做法呢？由于样式是用 Less 写的，这就变得容易多了，类似 JavaScript 那种字符串拼接的做法，把前半部分路径提取出来，哈哈！

1
2
@imagePath: "../img/";
background-image: url("@{imagePath}/demo.jpg");

在要注意的地方是不能直接引用变量，要以 @{变量名} 的方式才拼接行，不然会报错的耶~！

参考资料