जब मैं -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",
0
Nikesh Tandel 1 अगस्त 2018, 02:13
1
यह क्या कर रहा है?
 – 
Jordan Soltman
1 अगस्त 2018, 02:25
2
स्पष्ट करें कि वास्तव में क्या होता है।
 – 
mentallurg
1 अगस्त 2018, 02:43
यह टर्मिनल पर जम गया और अपडेट काम नहीं किया। अगर मैं -w को हटा देता हूं तो यह पूरी तरह से काम करता है।
 – 
Nikesh Tandel
6 अगस्त 2018, 22:35

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"
  }
}
0
Nikesh Tandel 6 अगस्त 2018, 22:36

लिखने के बजाय

"watch:sass": "node-sass sass/main.scss css/style.css -w",

इसको आजमाओ

"sass": "node-sass -w sass/main.scss -o css/style.css --recursive",

यहां,

  1. -w : इसका मतलब है कि हमें sass/main.scss फ़ाइल देखनी होगी

  2. -o : इसका मतलब है कि आउटपुट को css/style.css फ़ाइल में सहेजना है

0
Mr. Stark 7 अगस्त 2018, 08:07

मेरी समस्या क्या तय है कि मैंने आखिरकार देखा कि जब मैंने अपने टर्मिनल में एसएएस संकलित किया तो यह सब कुछ गलत फाइल में संकलित कर रहा था। मैंने अपने package.json में बदलाव किया और मैंने अपनी फाइलों में किए गए सभी परिवर्तनों को अंततः सही ढंग से संकलित किया और मैं लाइव-परिवर्तन देखने में सक्षम था।

0
JGazca 13 फरवरी 2020, 00:22