Question

我是grunt的新手，我试图在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文件。

Answer 1

你在grunt-contrib-sass任务上的语法是错误的。它应该是目的地＆＃39; ：＆＃39; src＆＃39;

这

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

到

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

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

更新

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

grunt js没有将所有scss文件压缩到一个css中

1 个答案: