Hello.
Love the plugin concept.
Any chance this works in webpack? If yes how?

I installed your plugin and added it in my webpack options like this:

'lessLoader': {
'lessPlugins': [
require('less-plugin-glob')
]
}

now in my main.less file I am using it like this:
@import "./../../styles/less/**";

I keep getting an error

ERROR in .//css-loader!.//less-loader?root=true!./src/assets/styles/less/rsm.less
Module build failed: Cannot resolve 'file' or 'directory' ./C:(path)\less\rsm.less in ./../../styles/less
@ ./../../styles/less/**.less (line 3, column 0)
near lines:
@import "C:(path)\less
\rsm-style.less";
@import "C:(path)\less
\rsm.less";

@ ./src/assets/styles/less/rsm.less

am I missing something?
Thanks

I'm having some issues getting this to work with Grunt, can you please take a look:

This is the less section of my Gruntfile.js:

            less: {
                development: {
                    options: {
                        paths: ['<%= directory %>assets_new/css'],
                        plugins: [require('less-plugin-glob')]
                    },
                    files: {
                        '<%= directory %>assets_new/css/style.css': '<%= directory %>assets_new/css/src/__bootstrap.less'
                    }
                }
            },

My less file contains:
@import "breakpoint_desktop/**";

When I build, I'm getting the following error:

FileError: 'breakpoint_desktop/.less' wasn't found in...
@import "breakpoint_desktop/";

Thanks.

When building with webpack, all file paths should be relative to webpack project root, otherwise files will not be resolved.

The error message from webpack:

ERROR in .//css-loader!.//less-loader!./src/styles/styles.less
Module build failed: Cannot resolve 'file' or 'directory' ./C:\dev-x\angular2-ts-boilerplate\src\app\app.component.less in ../app
@ ../app/**.less (line 1, column 0)
near lines:

@import "C:\dev-x\angular2-ts-boilerplate\src\app\app.component.less";

@ ./src/styles/styles.less 4:14-123

I have experienced this with React Storybook 5.0.11 which uses Webpack 4.29. The standard imports seem to work fine.

I can't get your plugin to work... I assume I'm doing something wrong.

Has anyone else gotten it to work?

Not getting any errors... just no output when I try to use globbing.

gulp.task( 'styles', () => {
  return gulp.src( [ 'app/styles/main.less' ] )
    .pipe( $.less( {
      plugins: [ require( 'less-plugin-glob' ) ],
    } ) )
    .pipe( gulp.dest( 'dist/styles' ) );
} );

// main.less
// Each line below is tried on it's own of course.
@import "app/module/waffle.less"; // Works
@import "app/module/**"; // Does not work.
@import "app/module/**/*"; // Does not work.
@import "app/module/**/*.less"; // Does not work.

caused less to import weird things and resulted in this:

>> SyntaxError: Invalid HEX color code in node_modules/grunt-contrib-less/node_modules/less/test/less/errors/color-invalid-hex-code2.less on line 2, column 29:
>> 1 .a {
>> 2     @wrongHEXColorCode: #fffblack;
>> 3 }
Warning: Error compiling src/less/frontend.less 

used as follows:

    less:
      src:
        options:
          paths: [
            "src/less",
            "node_modules/bootstrap/less",
            "node_modules/slick-carousel/slick",
            "node_modules/animate.css"
          ]
          plugins: [require("less-plugin-glob")]

Hi,
when I do @import (less) to treat css files as less, the plugin halts whole build
I've found this function:
function isLess(file) { return path.extname(file) === '.less'; }
can you detect the (less) flag and add .css to extension the check please?

Edit:
I've made the change(minus the (less) detection flag) you can check it out here

It does not seem to detect absolute paths correctly and ends up pre-pending the basePath.

so when I am trying to import a collection of less files into a sort of main less file, the globbing pattern does not work as it normally does.

star is my key for asterix *
starstar is two **

You would expect this to work:
@import "starstar/shared";
@import "starstar/phone";
@import "**/tablet";

The above would then go through all directories and sub-directories to find the files that match shared, phone and tablet. however, it does not.

When i use single stars (see below) it goes into the next directory and no further. Therefore i can't reach any further than one directory so reaching something like main/example/target.less would not work. However, main/target.less would.
@import "star/shared";
@import "star/phone";
@import "star/tablet";

Overall there seems to be an issue with using ** to go through multiple directories and I'm not quite sure.

I've tried ./**/shared; to ensure the directory base is correct and no avail.

I am looking for a way to include all less files in a structure but explicitly exclude some.

According to node-glob

Something like this should work:
@import "['header/*.less', '!header/terms.less']";

It seems to me that none of these advanced patterns are working. e.g.:
[...]
!(pattern|pattern|pattern)

Please specify which glob patterns are actually working

just-boris i use grunt-contrib-less they have a example how to load plugin's like this:

plugins: [
new (require('less-plugin-autoprefix'))({browsers: ["last 2 versions"]}),
new (require('less-plugin-clean-css'))(cleanCssOptions)
],

How would i load your wonderfull plugin in here so that it works with grunt-contrib-less?

feature request

Thank you for creating this awesome plugin!

I was wondering if I could ask for a feature to be added to it.

Could you please add a method to pass a custom processPaths() filter to the plugin?

I was thinking something such as lessPluginGlob.options({filter: myFunc})) in order to pass a function.

reasoning

I need to customize the filter in my gulp workflow for the following reasons:

1. Using fancy-log instead of console.warn to match the rest of output
2. Either ignoring the "Here is non-less file:" warnings for some extensions (e.g. *.disabled), or displaying custom messages (e.g. File skipped: <name>.disabled ¹
3. Process custom extensions (e.g. *.global-less and *.local-less) as css/less files
4. Using chalk in Node

¹ The reason for this is that I sometimes rename my filename.less to filename.less.disabled in order to exclude it from the glob, without needing to write an exclusion rule.

Here's an example function that I would want to pass:

function processPaths(paths) {
    return paths.filter(function(filepath) {
        var ext = path.extname(filepath);
        if( ['less', 'css', 'custom'].indexOf(ext.replace(/^\./, '')) > -1 )
            return true;
        if ( ext === '.disabled' )
            logger.warn(chalk`{yellow Less file skipped:} ${filepath}`);
        else console.warn(chalk`{yellow Here is non-less file:} ${filepath}, {red ignored}`);
        return false;
    });
}

n.b.

I believe this would be a safe (i.e. non-breaking) change.

I'm getting this error after installing the plugin:

Unable to load plugin glob please make sure that it is installed under or at the same level as less

tried removing and reinstalling with no luck.

I can see the plugin under /usr/lib/node_modules/less-plugin-glob/

Working on ubuntu 16.04 with lessc 3.0.1

I found an issue where if I import a whole directory, for example @import "./objects/**/*";, the resulting output is not always sorted alphabetically. So, when - inside the directory - I have for example files named A.less, B.less, C.less, I would expect the order to be the same in the CSS output, yet it seems the plugin sometimes puts B.less first.

This one will be really useful for you, as it allows you to publish your module on the npm registry by simply tagging your git codebase.

http://docs.travis-ci.com/user/deployment/npm/

Can't do a PR for that since it requires your email and api_key for npmjs.com (don't worry, it encrypts it)

After the initial setup, you can publish your module by doing so: git tag -a vVERSION_NUMBER -m "a commit message for the tag", i.e. git tag -a v1.1.0 -m "Release v1.1.0"

This way you will catch two birds with one stone (having tagged version of your module on github, and an automatic publish on npmjs).

Cheers.