Как импортировать lesshat в каждый скомпилированный файл.less

Question

В grunt-contrib-stylus есть опция импорта:

Импортировать

Тип: Массив

Импортируйте указанные пакеты стилуса в каждый скомпилированный файл.styl, как будто вы написали '@import '...'в каждом из указанных файлов.

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

Как я могу сделать то же самое с lesshat в grunt-contrib-less?

Спасибо

Answer 1

Начиная с версии 2 вы можете создавать плагины для Менее легко. Благодаря реализации плагинов предварительной обработки вы также можете создавать плагины предварительной обработки.

Плагин предварительной обработки позволяет вам вводить меньше кода перед обработкой:

 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'}
      }
)};

Обратите внимание, что вам следует установить последнюю версию Less с grunt-contrib-less, пока Less не обновит номер версии (и grunt-contrib-less использует эту версию).

Чтобы использовать плагин сейчас:

1. бежать npm install grunt-contrib-less
2. Перейдите к node_modules/grunt-contrib-less/
3. Удалить node_modules/less
4. Загрузите и распакуйте последнюю версию Less по адресу https://github.com/less/less.js/archive/master.zip
5. бежать npm install ./less.js