Less基础知识

一、Less 初步使用

安装使用
使用 Less 有两种方式

#1、在页面中 引入 Less.js

可在官网下载或使用CDN

需要注意的是，link 标签一定要在 Less.js 之前引入，并且 link 标签的 rel 属性要设置为stylesheet/less。

2、在命令行 使用npm安装 npm install -g less

具体使用命令

lessc styles.less > styles.css
如果你也是 Webpack 的使用者，还需要配合 less-loader 进行处理。

如果你在本地环境，可以使用第一种方式，非常简单；但在生产环境中，性能非常重要，最好使用第二种方式。

注意：全局安装less后 再安装一个插件less-plugin-clean-css，命令为：npm install -g less-plugin-clean-css，每次保存的时候，改less文件会自动保存到当前目录下变成.css文件。