Не могу скомпилировать Sass с Grunt

Question

Я новичок в Grunt.После этого урока .

У меня чертовски много времени пытается заставить Гранта скомпилировать Sass.Я продолжаю получать следующее, когда я запускаю grunt sass:

Loading "sass.js" tasks...ERROR
>> SyntaxError: Unexpected token (
Warning: Task "sass" not found. Use --force to continue.

Aborted due to warnings.

• узел: v6.11.0,
• npm: v6.4.1,
• grunt cli: v1.3.2

package.json:

{
  "name": "yb",
  "version": "1.0.0",
  "description": "yb site build",
  "main": "src/js/main.js",
  "dependencies": {},
  "devDependencies": {
    "grunt": "^1.0.3",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-sass": "^3.0.2",
    "node-sass": "^4.10.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Scott",
  "license": "ISC"
}

Gruntfile.js

module.exports = function(grunt) {

   // Configuration
   grunt.initConfig({
      concat: {
         js: {
            src: ['src/**/*.js'],
            dest: 'assets/js/main.js'
         },
         css: {
            src: ['src/**/*.css'],
            dest: 'assets/css/main.css'
         }
      },

      sass: {
         build: {
            files: [{
               src: 'src/sass/test.scss',
               dest: 'assets/css/test.css'
            }]
         }
      }

   });

   // Load Plugins
   grunt.loadNpmTasks('grunt-contrib-concat');
   grunt.loadNpmTasks('grunt-sass');

   // Register Tasks
   grunt.registerTask('concat-js', ['concat:js']);
   grunt.registerTask('concat-css', ['concat:css']);
};

Документы grunt-sass дают другую конфигурацию (которую я тоже пробовал), но я все еще не могу заставить ее скомпилировать.

НасколькоЯ знаю, все установлено.Я не могу найти, куда я иду с рельсовЕсть мысли?

Спасибо!

Answer 1

1. проверить ruby ​​с помощью ruby -v (установить [ruby] [1])
2. Установить Sass с помощью sudo gem install sass (установить [sass] [2])

*Настройка 1008 * для задач Grunt & run grunt convert-sass

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

    // Tasks
  concat: {
     js: {
        src: ['src/**/*.js'],
        dest: 'assets/js/main.js'
     },
     css: {
        src: ['src/**/*.css'],
        dest: 'assets/css/main.css'
     }
  },

    sass: {
      dist: {
        options: {
          sourcemap: 'none'
        },
        files: [{
          expand: true,
          cwd: 'src/sass',
          src: ['**/*.scss'],
          dest: 'assets/css',
          ext: '.css'
      }]
      }
    }

  });

  // Load plugins
  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-concat');

   // Register Tasks
  grunt.registerTask('concat-js', ['concat:js']);
  grunt.registerTask('concat-css', ['concat:css']);
  grunt.registerTask('convert-sass', 'sass');

};