為什么我的較少文件不能用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，因此您需要確保其中有一些要編譯。