जब मैं -w "watch:sass"
का उपयोग करता हूं तो SCSS npm CSS को संकलित नहीं कर रहा है
"scripts": {
"watch:sass": "node-sass sass/main.scss css/style.css -w",
"devserver": "live-server --browser=firefox",
"start": "npm-run-all --parallel devserver watch:sass",
3 जवाब
यह टर्मिनल पर जम गया और अपडेट काम नहीं किया। अगर मैं -w को हटा देता हूं तो यह पूरी तरह से काम करता है।
{
"name": "nikesh",
"version": "1.0.0",
"description": "Landing page for natours",
"main": "index.js",
"scripts": {
"watch:sass": "node-sass sass/main.scss css/style.css -w",
"devserver": "live-server",
"start": "npm-run-all --parallel devserver watch:sass",
"compile:sass": "node-sass sass/main.scss css/style.comp.css",
"concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css",
"prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css",
"compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
"build:css": "npm-run-all compile:sass concat:css prefix:css compress:css"
},
"author": "tandel",
"license": "ISC",
"devDependencies": {
"autoprefixer": "^7.1.4",
"concat": "^1.0.3",
"node-sass": "^4.5.3",
"npm-run-all": "^4.1.1",
"postcss-cli": "^4.1.1"
}
}
लिखने के बजाय
"watch:sass": "node-sass sass/main.scss css/style.css -w",
इसको आजमाओ
"sass": "node-sass -w sass/main.scss -o css/style.css --recursive",
यहां,
-w : इसका मतलब है कि हमें sass/main.scss फ़ाइल देखनी होगी
-o : इसका मतलब है कि आउटपुट को css/style.css फ़ाइल में सहेजना है
मेरी समस्या क्या तय है कि मैंने आखिरकार देखा कि जब मैंने अपने टर्मिनल में एसएएस संकलित किया तो यह सब कुछ गलत फाइल में संकलित कर रहा था। मैंने अपने package.json में बदलाव किया और मैंने अपनी फाइलों में किए गए सभी परिवर्तनों को अंततः सही ढंग से संकलित किया और मैं लाइव-परिवर्तन देखने में सक्षम था।
संबंधित सवाल
नए सवाल
npm
npm। पैकेज प्रबंधक को Node.js. के साथ भेज दिया गया है इसका उपयोग कॉमनजस और ईसीएमएस्क्रिप्ट मॉड्यूल, jQuery प्लगइन्स, पुन: प्रयोज्य जावास्क्रिप्ट कोड (पुस्तकालयों), जावास्क्रिप्ट-आधारित सीएलआई कार्यक्रमों और अन्य को स्थापित करने और प्रकाशित करने के लिए किया जा सकता है।