一、Less 初步使用
安装使用
使用 Less 有两种方式
#1、在页面中 引入 Less.js
可在官网下载或使用CDN
需要注意的是,link 标签一定要在 Less.js 之前引入,并且 link 标签的 rel 属性要设置为stylesheet/less。
具体使用命令
lessc styles.less > styles.css
如果你也是 Webpack 的使用者,还需要配合 less-loader 进行处理。
如果你在本地环境,可以使用第一种方式,非常简单;但在生产环境中,性能非常重要,最好使用第二种方式。
注意:全局安装less后 再安装一个插件less-plugin-clean-css,命令为:npm install -g less-plugin-clean-css,每次保存的时候,改less文件会自动保存到当前目录下变成.css文件。