grunt js沒有將所有scss文件壓縮到一個css中

我是grunt中的新手，我試圖用grunt js編譯scss文件到css。我的文件夾結構是爲項目是 -grunt js沒有將所有scss文件壓縮到一個css中

public 
| |_css 
| | 
| |_sass 
| |_style.scss 
| 
gruntfile.js 
package.json

我的grunt文件是。

// Load Grunt 
module.exports = function (grunt) { 
grunt.initConfig({ 
pkg: grunt.file.readJSON('package.json'), 

// Tasks 
sass: { // Begin Sass Plugin 
dist: { 
files: { 
'public/sass/**/*.scss': 'public/css/style.css' 
} 
} 
}, 

watch: { // Compile everything into one task with Watch Plugin 
css: { 
files: './public/sass/**/*.scss', 
tasks: ['sass'] 
}, 

} 
}); 
// Load Grunt plugins 
grunt.loadNpmTasks('grunt-contrib-sass'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 

// Register Grunt tasks 
grunt.registerTask('default', ['watch']); 
};

當我運行grunt命令我沒有創建任何編譯的css文件。

來源

2017-06-20 MAKAM

你在grunt-contrib-sass任務上的語法是錯誤的。它應該是 '目標'：從

'public/sass/**/*.scss': 'public/css/style.css'

'SRC'

到

'public/css/style.css': 'public/sass/**/*.scss'

參考 - 例如 https://github.com/gruntjs/grunt-contrib-sass

更新：

您shoudn't添加在_style.scss之前加下劃線，以。開頭的文件_不會被生成到輸出。這是爲了避免sass生成導入文件。將_style.scss重命名爲style.scss

來源

2017-06-20 18:25:59 karthick

完成chages後，不會創建style.css文件。我的日誌是。 **正在運行「觀看」任務正在等待... >>文件「public/sass/_style.scss」已更改。運行「sass：dist」（sass）任務完成。完成時間：星期四6月6日上午6時33分15時07分45秒GMT + 0530（IST） - 等待中... ** – MAKAM

@MAKAM：在_style.scss之前，你不應該加下劃線，生成到輸出。這是爲了避免sass生成導入文件 – karthick

grunt js沒有將所有scss文件壓縮到一個css中

回答

相關問題