Import LESS w/out creating its separate CSS output file

Question

(I have searched various answers, but couldn't find anything relevant.)

I have two LESS files, say, file1.less and file2.less. file1.less contains import of file2.less. Files are compiled into .css OK so I have file1.css but the problem is that file2.less is ALSO compiled into file2.css besides its imported contents in file1.css. That is, I have duplicate contents of file2.less - in compiled file1.css and its own separate file2.css. Is there any way to have file2.less imported and file1.less and NOT create its own file2.css? (I use WebStorm plugin compiler, if it matters.)

To make it visually clear, here's what I've got:

file1.less (e.g., contains body { font-size: 100%; } and "@import file2.less")

file2.less (let's say it contains body { background-color: #ffffff; })

RESULTS: file1.css with body { font-size: 100%; } body { background-color: #ffffff; }

AND

file2.css with body { background-color: #ffffff; } (duplicate!!!)

How do I prevent file2.css from being created and just have it imported into file1?

darksoulsong · Accepted Answer · 2013-08-15 15:00:11Z

1

This is something related to your compiler, not a LESS issue. I have never used this compiler of yours myself but I can suggest you to use http://winless.org/ if you are a Windows user (or less.app on Mac).

Winless watches a folder and subfolders for modifications (in .less files) and creates a ".css" based on the file you define as your bootstrap.

answered Aug 15, 2013 at 15:00

darksoulsong

15.5k14 gold badges52 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Import LESS w/out creating its separate CSS output file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related