Grunt JS不会将所有SCSS文件压缩到一个CSS中

Question

我是咕噜咕噜的新手，我试图在咕噜咕噜js的帮助下将scss文件编译为css。

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

我的咕噜咕噜文件是。

// 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 文件。

Answer 1

你对grunt-contrib-sass任务的语法是错误的。它应该是"目的地"："src">

从

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

自

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

参考 - 示例https://github.com/gruntjs/grunt-contrib-sass

更新：

您不必在 _style.scss 之前添加下划线，以 _ 开头的文件不会生成到输出中。这是为了避免生成导入文件。将_style.scss重命名为style.scss。