नोड-एसएएस-मिडलवेयर

Question

संकलित नहीं कर रहा है मैं नोड-एसएएस-मिडलवेयर एक्सप्रेस के साथ काम करने की कोशिश कर रहा हूं। ऐप बिना किसी त्रुटि के चलाता है

...(modules) 
var sassMiddleware = require('node-sass-middleware'); 

var routes = require('./routes/index'); 

var app = express(); 

// uncomment after placing your favicon in /public 
//app.use(favicon(__dirname + '/public/favicon.ico')); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
//---- LOAD SASS -----// 
// adding the sass middleware 
var srcPath = __dirname + '/scss'; 
var destPath = __dirname + '/public/stylesheets'; 
app.use(sassMiddleware({ 
    src: srcPath, 
    dest: destPath, 
    debug: true, 
    outputStyle: 'compressed' 
})); 

app.use(express.static(path.join(__dirname, 'public'))); 

क्या कोई भी एसएएस संकलित करने के तरीके से कुछ भी गलत देख सकता है?

फ़ाइल संरचना:

app 
controllers 
routes 
public 
-stylesheets 
scss 
... 

Answer 1

यह कैसे app.js होना चाहिए:

app.use(sassMiddleware({ 
    src: srcPath, 
    dest: destPath, 
    debug: true, 
    outputStyle: 'compressed' 
}), 
express.static(path.join(__dirname, 'public'))); 

इसके अलावा अपने मुख्य एससीएसएस फ़ाइल style.scss नाम दिया जाना चाहिए और एससीएसएस/स्टाइलशीट/निर्देशिका के अंदर हो।

आप इस प्रकार का लॉग देखना चाहिए, अगर आप सही तरीके मॉड्यूल लोड किया है: के लिए grunt-sass

source : /Users/abc/Desktop/SO/SO_node/scss/stylesheets/style.scss 
    dest : /Users/abc/Desktop/SO/SO_node/public/stylesheets/stylesheets/style.css 
    read : /Users/abc/Desktop/SO/SO_node/public/stylesheets/stylesheets/style.css 
    render : /Users/abc/Desktop/SO/SO_node/scss/stylesheets/style.scss 

Answer 2

बेहतर जाने। libsass, जो SASS के मूल रूबी कंपाइलर का सी संस्करण है, के कारण सरल कॉन्फ़िगरेशन, स्वचालित कार्य (गड़बड़ी के लिए धन्यवाद) और तेज़ संकलन समय भी। एक समस्या यह है बजाय 3.

Answer 3

की 0.3 सेकंड में सास/एससीएसएस फ़ाइलों संकलित भी हो सकता है कि आप scss

बजाय sass संकलित करने के लिए चाहते हैं। इसलिए indentedSyntax से false पर सेट करें।

app.use(require('node-sass-middleware')({ 
    src: path.join(__dirname, 'scss'), 
    dest: path.join(__dirname, 'public'), 
    indentedSyntax : false, 
    sourceMap: true 
})); 

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