Less.js: कम.रेंडर @import फाइलों के साथ काम नहीं कर रहा है जो नोडज में विभिन्न निर्देशिकाओं में हैं

मैंने अपने आवेदन में थीमिंग को लागू करने के लिए कम उपयोग किया है और सीएसएस में कम फाइलों को संकलित करने के लिए नोडज कम मॉड्यूल का उपयोग किया है लेकिन यह एक विशेष परिदृश्य में काम नहीं कर रहा है।

मैं अपने आवेदन के लिए बूटस्ट्रैप का भी उपयोग कर रहा हूं और बूटस्ट्रैप कम स्रोत कोड का उपयोग कर रहा हूं, मैं केवल उस सीएसएस को संकलित कर रहा हूं जिसे मैं अपने आवेदन में चाहता हूं।

मैं अपने विभिन्न विषयों में बूटस्ट्रैप चर और मिश्रणों को भी ओवरराइड कर सकता हूं। इसलिए, बूटस्ट्रैप को संकलित करते समय मुझे विशेष थीम चर और मिश्रणों पर भी विचार करने की आवश्यकता है।

तो, बूटस्ट्रैप चर/मिश्रण और सीएसएस नियमों में अंतर करें मैंने 2 अलग-अलग फाइलें बनाई हैं,

• application_variables.less - इसमें सभी आवश्यक बूटस्ट्रैप चर और मिश्रण शामिल हैं
• application.less - इसमें सभी आवश्यक बूटस्ट्रैप सीएसएस नियम शामिल हैं

निर्देशिका संरचना आवेदन के लिए

|--sample_application
    |--resources
    |   |--libraries
    |      |--bootstrap
    |           |--css
    |           |   |--application.less
    |           |--less
    |           |   |--application_variables.less    
    |--themes
        |--red
        |   |--mixins
        |   |   |--mixins.less
        |   |--variables
        |   |   |--variables.less    
        |   |--red.less    
        |--blue
        |   |--mixins
        |   |   |--mixins.less
        |   |--variables
        |   |   |--variables.less    
        |   |--blue.less    
        |--themes.less

किस फाइल के स्पष्टीकरण में क्या है?

1. /sample_application/themes/<-theme_name->/mixins/mixins.less
इस फ़ाइल में सभी एप्लिकेशन विशिष्ट मिक्सिन और ओवरराइड बूटस्ट्रैप मिक्सिन शामिल हैं।

.my-hover-mixin(@color) {
   &:hover {
       border: 2px solid @color;
    }
}
/*Other theme specific mixins*/

2. /sample_application/themes/<-theme_name->/variables/variables.less
इस फ़ाइल में सभी एप्लिकेशन विशिष्ट चर और ओवरराइड बूटस्ट्रैप चर शामिल हैं।

@text-color:#333333;
@border-color:#999999;
@body-bg-color:red;
/*Other theme specific variables*/

3. /sample_application/themes/<-theme_name->/<-theme_name->.less
इस फ़ाइल में उस विशेष विषय के लिए मिश्रण और चर के फ़ाइल आयात शामिल हैं।

<strong i="10">@import</strong> "./variables/variables.less";
<strong i="11">@import</strong> "./mixins/mixins.less";

4. /sample_application/themes/theme.less
इस फ़ाइल में दो फ़ाइल आयात हैं। बूटस्ट्रैप वेरिएबल्स के लिए पहला जो application_variables.less है और दूसरा विशेष थीम के आधार फ़ाइल आयात के लिए उदाहरण के लिए। लाल.रहित/नीला.विहीन

<strong i="17">@import</strong> "application_variables.less";
<strong i="18">@import</strong> "red/red.less";

5. /sample_application/resources/पुस्तकालय/बूटस्ट्रैप/सीएसएस/application.less
इस फ़ाइल में एक फ़ाइल आयात है जो /themes/themes.less है और सभी आवश्यक बूटस्ट्रैप CSS नियम हैं।

<strong i="24">@import</strong> "theme.less";
/*Bootstrap CSS rules*/

6. /sample_application/resources/पुस्तकालय/बूटस्ट्रैप/कम/application_variables.less
इस फ़ाइल में सभी आवश्यक बूटस्ट्रैप चर और मिश्रण शामिल हैं।

/*Bootstrap variables and mixins*/

अब मेरे पास एक नोड स्क्रिप्ट फ़ाइल है जो बूटस्ट्रैप कम संकलन को खुराक देती है जो कि संकलन-बूटस्ट्रैप है।js

var fs = require("fs");
var less = require('less');

(function() {
    var bsLessContent = fs.readFileSync("sample_application/resources/libraries/bootstrap/css/application.less");
    less.render(bsLessContent.toString(), {
        paths : [ "sample_application/themes/", "sample_application/resources/libraries/bootstrap/less/"],
        compress : true
    }, function(e, output) {
        fs.writeFileSync("sample_application/resources/libraries/bootstrap/css/application.css", output);
    });
})();

लेकिन जब मैं इस स्क्रिप्ट को चलाता हूं तो मुझे निम्न त्रुटि मिल रही है:

{ [Error: 'application_variables.less' wasn't found]
   type: 'File',
   message: '\'application_variables.less\' wasn\'t found',
   filename: 'sample_application\\themes\\theme.less',
   index: 18,
   line: 2,
   callLine: NaN,
   callExtract: undefined,
   column: 0,
   extract:
    [ '<strong i="6">@import</strong> "application_variables.less";',
      '<strong i="7">@import</strong> "red/red.less";' ] }

तब मैंने सापेक्ष पथों का भी उपयोग करने की कोशिश की लेकिन फिर भी यह वही त्रुटि दे रहा है

{ [Error: './../resources/libraries/bootstrap/less/application_variables.less' wasn't found]
   type: 'File',
   message: '\'./../resources/libraries/bootstrap/less/application_variables.less\' wasn\'t found',
   filename: 'sample_application\\themes\\theme.less',
   index: 18,
   line: 2,
   callLine: NaN,
   callExtract: undefined,
   column: 0,
   extract:
    [ '<strong i="11">@import</strong> "./../resources/libraries/bootstrap/less/application_variables.less";',
      '<strong i="12">@import</strong> "red/red.less";' ] }