मुझे ग्रंट के साथ थोड़ी परेशानी हो रही है, यह मेरे सास / एससीएसएस फाइलों (.scss का उपयोग कर रहा हूं) को संकलित कर रहा है लेकिन यह "लाइव लाइवलोड" जीता। मैं "घड़ी" निर्भरता का उपयोग कर रहा हूं जो LiveReload कार्यक्षमता को एकीकृत करता है।
घड़ी: https://github.com/gruntjs/grunt-contrib-watch सास / एससीएसएस: https://github.com/gruntjs/grunt-contrib-sass
यहां मेरी कॉन्फ़िगरेशन (प्रासंगिक टुकड़ा) है, क्या कोई यह सलाह दे सकता है कि मैं कहां गलत हूं? यह हर दूसरी फ़ाइल और फ़ोल्डर के लिए पुनः लोड करता है।
grunt.initConfig({
connect: {
options: {
port: 9000,
hostname: "localhost"
},
livereload: {
options: {
middleware: function ( connect ) {
return [
mountFolder(connect, "app"),
lrSnippet
];
}
}
}
},
open: {
server: {
path: "http://localhost:<%= connect.options.port %>"
}
},
sass: {
app: {
files: {
"./app/css/style.min.css": "app/css/scss/style.scss"
}
}
},
watch: {
options: {
nospawn: true
},
css: {
files: "./app/css/scss/*.scss",
tasks: ["sass"],
options: {
livereload: true,
},
},
livereload: {
options: {
livereload: LIVERELOAD_PORT
},
files: [
"app/{,*/}*.html",
"app/css/{,*/}*.{css,scss,sass}",
"app/js/{,*/}*.js",
"app/img/{,*/}*.{png,jpg,jpeg,gif,webp,svg}"
]
}
}
});
उत्तर:
जवाब के लिए 0 № 1कनेक्ट मिडलवेयर का उपयोग करने के बजाय, अपने घड़ी कार्य में इस तरह कुछ उपयोग करने का प्रयास करें (नीचे कॉफ़ीस्क्रिप्ट Gruntfile वाक्यविन्यास):
watch:
livereload:
files: "path/to/generated/css"
options:
livereload: true