Less.js: पार्सर का प्रोग्रामेटिक उपयोग

को निर्मित 17 जन॰ 2016 · 5टिप्पणियाँ · स्रोत: less/less.js

नमस्ते!
मैं अपने स्नातक की थीसिस के लिए एक कम 2 एसएएस कनवर्टर पर काम कर रहा हूं, बाद में इसे एक एसएएस 2 रहित कनवर्टर भी बनना चाहिए। मैं एएसटी को कम परियोजना से बाहर निकालने के लिए एक विधि खोज रहा हूं। मैं निम्नलिखित कोड के साथ प्रयोग कर रहा हूं:

var parser = new(less.Parser)({}, {contents: {}}, {});
var contents = ".foo {\
  background: #900;\
}\
<strong i="7">@import</strong> \"import/this-is-valid.less\";";
parser.parse(contents, function (e, tree) {
   console.log(JSON.stringify(tree, null, 2));
});

मुझे एएसटी वापस मिल जाता है, जब तक कि मैं एक और कम फ़ाइल आयात करने की कोशिश नहीं करता। कोड से मुझे जो समझ में आया, वह यह है कि पार्सर को इस्तेमाल किए गए आयात के साथ एक पैरामीटर प्राप्त करना चाहिए, जो कि आयात प्रबंधक द्वारा बनाया गया है, जिसे एक पैरामीटर के रूप में संदर्भ की आवश्यकता है, आदि। क्या मुझे कुछ संकेत मिल सकता है कि कैसे एएसटी कम प्राप्त करें प्रोजेक्ट, अगर मुझे इसकी स्रोत फ़ाइल पता है?

needs info

स्रोत

vecerek

सबसे उपयोगी टिप्पणी

आप लोगों को धन्यवाद। समस्या हल हो गई :) मैं यहां वास्तविक कोड डाल रहा हूं, जो एएसटी प्राप्त करने के लिए काम करता है, अगर किसी को एक ही बाधा का सामना करना पड़ रहा है और इस मुद्दे पर आता है।

var less = require('less')
  , fs = require('fs')
  , path = require('path');

var src = './test_import.less'; //some less source file
var result = less.parse(fs.readFileSync(src).toString(), {
  filename: path.resolve(src)
}, function(e, tree) {
  console.log(JSON.stringify(tree, null, 2));
});

vecerek 18 जन॰ 2016

👍2 ❤1

सभी 5 टिप्पणियाँ

क्या यह आपकी मदद करेगा? https://github.com/matthew-dean/postcss-less/blob/master/lib/render.js

मैं इस तरह से मूल्यांकन किए गए एएसटी पेड़ को प्राप्त करने में सक्षम था, और मेरा मानना है कि मूल्यांकन किए गए पेड़ में गैर-मूल्यांकन वाले पेड़ का संदर्भ होता है।

matthew-dean 17 जन॰ 2016

मुझे एएसटी वापस मिल जाता है, जब तक कि मैं एक और कम फ़ाइल आयात करने की कोशिश नहीं करता।

यह आयात के लिए कोई अंतर नहीं होना चाहिए, बस सुनिश्चित करें कि आप चूक नहीं रहे हैं:

और फिर फ़ाइल नाम फ़ील्ड को मुख्य फ़ाइल के फ़ाइल नाम के रूप में विकल्पों पर सेट करें। कम आयात के सभी प्रसंस्करण को संभालेगा।

प्रोग्रामेटिक-यूसेज में (अधिक विवरण https://github.com/less/less.js/issues/2342#issuecomment-67596931 में)।

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

ज़रुरी नहीं। आयात प्रबंधक (मोटे तौर पर) पार्सर का एक हिस्सा है और सभी आयात (आमतौर पर) पार्सर के भीतर ही नियंत्रित होते हैं।

seven-phases-max 18 जन॰ 2016

var less = require('less')
  , fs = require('fs')
  , path = require('path');

var src = './test_import.less'; //some less source file
var result = less.parse(fs.readFileSync(src).toString(), {
  filename: path.resolve(src)
}, function(e, tree) {
  console.log(JSON.stringify(tree, null, 2));
});

vecerek 18 जन॰ 2016

👍2 ❤1

क्या यह संभव है कि पार्स फ़ंक्शन एक विकल्प प्रदान कर सकता है जो आयात को अनदेखा कर रहा है? मेरे मामले में, मेरे पास आयात पथों के लिए कुछ विशेष नियम हैं, इसलिए less.js की आंतरिक आयात प्रक्रिया को अनुकूलित नहीं किया जाएगा। क्या हम बिना किसी मूल्यांकन के स्ट्रिंग को एएसटी में पार्स कर सकते हैं?

JasinYip 1 अप्रैल 2020

मैंने अभी स्रोत कोड पढ़ा और मैंने पाया कि मैं आयात प्रक्रिया को अक्षम करने के लिए { processImports: false } पास कर सकता हूं, यह मेरे लिए काम करता है :)

less.parse(content, { processImports: false }, (e, tree) => {
  if (e) { return console.error(e) };
  return console.log(tree);
})

JasinYip 1 अप्रैल 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Less.js: पार्सर का प्रोग्रामेटिक उपयोग

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों