如何在文件夹中合并所有JS文件并在GruntJS中使用SASS？

黑衣小子

我已经尝试了一段时间了。每次grunt在终端机上运行时，都会出现以下错误：

User$: grunt
Loading "Gruntfile.js" tasks...ERROR
>> SyntaxError: Unexpected identifier
Warning: Task "default" not found. Use --force to continue.

Aborted due to warnings.

这是我的GruntFile.js

module.exports = function (grunt) { 

    grunt.initConfig({

        sass: {
            dist: {
                files: {
                    'css/css.css' : 'css/css.scss'
                }
            }
        },
        concat: {
            js: {
                src:['js/*.js'],
                dest: 'js/js.js'
            }
        },
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass']
            }
            js: {
                files: ['js/*.js'],
                tasks: ['concat:js']
            },
        }

    });

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['watch', 'concat']);

};

我的基本目录：

/js/jquery.js
/js/angular.js
/js/js.js
/css/settings.scss
/css/slider.scss
/css/css.css

泽维尔·普鲁尔

您在watch:css目标后面缺少逗号（第23行）。

另外，请注意，监视任务永远不会退出，因此您希望默认任务最后运行它：

grunt.registerTask('default', ['concat', 'watch']);

最后，您应该从监视的文件列表中排除串联的js，以避免循环。

module.exports = function (grunt) { 
  grunt.initConfig({
    sass: {
        dist: {
            files: {
                'css/css.css' : 'css/css.scss'
            }
        }
    },
    concat: {
        js: {
            src:['js/*.js', '!js/js.js'],
            dest: 'js/js.js'
        }
    },
    watch: {
        css: {
            files: 'css/*.scss',
            tasks: ['sass']
        },
        js: {
            files: ['js/*.js', '!js/js.js'],
            tasks: ['concat:js']
        },
    }
  });

  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['concat', 'watch']);
};

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。