为什么我的较少文件不能用grunt编译？

Question

我安装了npm，运行了npm init，安装了grunt grunt-contrib-less grunt-contrib-watch jit-grunt --save-dev

和我的gruntfile.js看起来像：

module.exports = function(grunt) {
  require('jit-grunt')(grunt);

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    less: {
      development: {
        options: {
          compress: true,
          yuicompress: true,
          optimization: 2
        },
        files: {
          "css/main.css": "less/main.less" // destination file : source file
        }
      }
    },
    watch: {
      styles: {
        files: ['_components/**/*.less'], // which files to watch
        tasks: ['less']
      }
    }
  });

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

当我在该目录中运行grunt时，一切似乎都正常，除非什么都没有发生。

如果我进行更改，咕unt声会正确地弹出：

Running "watch" task
Waiting...
>> File "_components\less\_mixins.less" changed.
Running "less:development" (less) task
>> 1 stylesheet created.

Done.
Completed in 0.606s at Wed Jul 05 2017 12:45:41 GMT-0500 (Central Daylight Time) - Waiting...

但是，当我去检查main.less文件时，它是空的；当我去检查main.css文件时，它也是空的。 我的代码只是没有被编译还是正在我不知道的地方去？

Answer 1

这可能很明显，但是请确保您的css路径和更少的文件是正确的，并且当您执行较少的任务时，css / main.css文件会被更新。

另外，您的main.less文件中是否包含任何内容，或者您​​在其中导入了任何内容？ 可能没有东西可以编译。 我相信它的配置方式是监视所有_components \\ less_mixins.less文件中的更改，然后将less / main.less编译为css / main.css，因此您需要确保其中有一些要编译。