0

在 grunt-contrib-stylus 中有一个导入选项:

进口

类型:数组

将给定的手写笔包导入每个已编译的 .styl 文件中,就好像您在每个所述文件中都写了“@import '...”一样。

options: {
            compress: false,
            use: [ require('kouto-swiss') ],
            import: [ 'kouto-swiss' ]
         },

如何在 grunt-contrib-less 中使用 lesshat 做同样的事情?

谢谢

4

1 回答 1

1

从第 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 使用该版本)。

现在使用插件:

  1. npm install grunt-contrib-less
  2. 导航node_modules/grunt-contrib-less/
  3. 消除node_modules/less
  4. 在https://github.com/less/less.js/archive/master.zip下载并解压最新版本的 Less
  5. npm install ./less.js
于 2015-02-03T18:52:05.700 回答