Stylus Can't Recursively Compile

If I try to use the Stylus executable to compile, the command doesn’t recognize the ** command to recursively compile.

stylus views/stylesheets/** --out public/stylesheets/

My views/stylesheets directory structure:

-- stylesheets
|
---- some_directory
|
---- other_directory

I’d assume that the above command would compile .styl files from /stylesheets as well as /stylesheets/some_directory and /stylesheets/other_directory here, however this only compiles at the base-level stylesheets folder.

EDIT

It appears as though it does go into the subdirectories, however it outputs those files to the public/stylesheets directory rather than public/stylesheets/some_directory.

[tannerlinsley]

Wow. A lot of people I know including me obviously didn’t know this. That’s spectacular. I’ll give it a whirl tomorrow in my project. I would love to ditch stylus-import-tree On Tue, Dec 15, 2015 at 9:59 PM Mikhail Korepanov [e-mail] wrote:

Well, suppose we have a directory with our .styl files (./test/): tree test

test ├── a │ └── a.styl ├── b │ └── b.styl └── c ├── c.styl └── d └── d.styl

Each file in the test dir contains something like:

body content: ‘from //<c>…’

And main file ./main.styl:

@import ‘test/*/’

Then after compiling the main file with stylus main.styl we will get: main.css

body { content: ‘from a’; }body { content: ‘from b’; }body { content: ‘from c’; }body { content: ‘from d’; }

Looks like all is working fine.

— Reply to this email directly or view it on GitHub https://github.com/stylus/stylus/issues/1711#issuecomment-164995761.

[Panya]

Well, suppose we have a directory with our .styl files (./test/): tree test

test
├── a
│   └── a.styl
├── b
│   └── b.styl
└── c
    ├── c.styl
    └── d
        └── d.styl

Each file in the test dir contains something like:

body
  content: 'from <a>/<b>/<c>...'

And main file ./main.styl contains:

@import 'test/**/*'

Then after compiling the main file with stylus main.styl we will get: main.css

body {
  content: 'from a';
}
body {
  content: 'from b';
}
body {
  content: 'from c';
}
body {
  content: 'from d';
}

Looks like all is working fine.