从第 2 版开始,您可以轻松地为 Less 创建插件。感谢实现预处理插件,您也可以创建预处理插件。
预处理插件使您能够在处理之前注入较少的代码:
LesshatProcessor.prototype = {
process : function (src, extra) {
var injected = '@import "' + path.resolve(__dirname, '../') + '/node_modules/lesshat/build/lesshat.less";\n';
var ignored = extra.imports.contentsIgnoredChars;
var fileInfo = extra.fileInfo;
ignored[fileInfo.filename] = ignored[fileInfo.filename] || 0;
ignored[fileInfo.filename] += injected.length;
return injected + src;
}
};
我已经创建了一个 Lesshat 插件:https ://github.com/bassjobsen/less-plugin-lesshat 。通过运行安装此插件后,npm install less-plugin-lesshat
您就可以运行:lessc file.less --lesshat
.
您还可以将此插件与 grunt-contrib-less 一起使用:
grunt.initConfig({
less: {
options: {
plugins: [
new (require('less-plugin-lesshat'))()
]
},
files: {'css/test.css' : 'less/test.less'}
}
)};
请注意,您应该使用 grunt-contrib-less 安装最新版本的 Less,直到 Less更新了版本号(并且 grunt-contrib-less 使用该版本)。
现在使用插件:
- 跑
npm install grunt-contrib-less
- 导航
node_modules/grunt-contrib-less/
- 消除
node_modules/less
- 在https://github.com/less/less.js/archive/master.zip下载并解压最新版本的 Less
- 跑
npm install ./less.js