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时，一切似乎都没问题，除了什么都没发生。

如果我做出改变，咕噜咕噜地吐出来：

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，所以你需要确保＃＆＃ 39;那里有东西要编译。

为什么我的文件不会在grunt中编译？

1 个答案: