2017-07-05 32 views
0

我安装NPM, 跑NPM初始化, 安装grunt grunt-contrib-less grunt-contrib-watch jit-grunt --save-dev为什么我的小文件不能编译成grunt?

和我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']); 
}; 

,当我这个目录的一切似乎是想确定在运行繁重的,除了没有什么是发生。

如果我做出改变咕噜正确地吐出:

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文件,它也是空。我的代码是不是正在编译,或者它正在我不知道的地方?

回答

0

这可能很明显,但要确保你的css和less文件的路径是正确的,并且当你运行较少的任务时你的css/main.css文件被更新。

另外,你的main.less文件中是否有任何东西,或者你有什么进口?这可能发生,没有什么可以编译的。我相信它配置的方式是监视所有_components \ less_mixins.less文件中的变化,然后将less/main.less编译为css/main.css,因此您需要确保其中有内容可供编译。