css - 加载 gruntfile.js 任务时如何修复 'SyntaxError: Unexpected identifier Warning: Task "sass“未找到”？

Question

我无法开始使用 grunt sass 进行 scss 到 css 的编译。

这是我的 gruntfile.js:

const sass = require('node-sass');

require('load-grunt-tasks')(grunt);

grunt.initConfig({
   sass: {
      options: {
          implementation: sass,
          sourceMap: true
      },
      dist: {
          files: {
              'style.css':'style.scss'
          }
      }
   }

   grunt.registerTask('default', ['sass']);
 });`

Answer 1

您在 initConfig() 中有 registerTask()。需要移到外面:

const sass = require('node-sass');

require('load-grunt-tasks')(grunt);

grunt.initConfig({
    sass: {
        options: {
            implementation: sass,
            sourceMap: true
        },
        dist: {
            files: {
                'main.css': 'main.scss'
            }
        }
    }
});

grunt.registerTask('default', ['sass']);

引用:https://www.npmjs.com/package/grunt-sass