2014-04-01 26 views
2

我想在我的本地機器上安裝gruntJS。這是我已經有了這樣的步驟:GruntJS拒絕工作。任務默認或所有其他未找到

  1. 下載gruntJS項目與命令根文件夾中安裝的NodeJS:
    • npm install -g grunt-cli
  2. 下載咕嚕也是在根文件夾項目與:
    • npm install grunt

而且,我已經創建Gruntfile.js這裏是它的內容:

module.exports = function(grunt) { 
    // Project configuration. 
    grunt.initConfig({ 
    min: { 
     css: { 
     src: 'templates/folder1/css/*.css', 
     dest: 'app.min.css' 
     } 
    }, 
    }); 
}; 

而且我預計這將如何工作的,並最小化所有CSS文件,並將其移動到根(因爲目的地指定爲根 )。

我必須說我是如何遵循本教程:

https://www.youtube.com/watch?v=q3Sqljpr-Vc

我真的不知道我做錯了。

這裏是我叫咕嚕和錯誤(其不如說警告消息),我得到:

C:\wamp\www\myProject>grunt min 
Warning: Task "min" not found. Use --force to continue. 

Aborted due to warnings. 

回答

1

您需要安裝一些任務使用。從你的例子我猜你正在努力縮小一些CSS?

爲此我將使用grunt-contrib-cssmin任務。首先使用安裝使用

npm install grunt-contrib-cssmin 

,你還需要在你的gruntfile這樣grunt.loadNpmTasks('grunt-contrib-cssmin')底部的註冊任務。

那麼你gruntfile將看起來像這樣

module.exports = function(grunt) { 
    // Project configuration. 
    grunt.initConfig({ 
     cssmin: { 
      minify: { 
       src: ['templates/folder1/css/*.css'], 
       dest: 'app.min.css' 
      } 
     } 
    }); 
grunt.loadNpmTasks('grunt-contrib-cssmin'); 
grunt.registerTask('min' ['cssmin']); 

}; 

欲瞭解更多信息我建議你閱讀文檔,並在http://gruntjs.com/sample-gruntfile

+0

與實例熟悉我有完全按你說的什麼,當我運行咕嚕我得到一個消息: C:\ WAMP \ WWW \ V2ThemeDevelopment \ Gruntfile.js:7 DEST: '/app.min.css' ^^^^ 加載 「Gruntfile.js」 任務...錯誤 >> SyntaxErro r:意外標識 警告:找不到任務「默認」。使用--force繼續。 由於警告而中止。 – PottaG

+0

你忘記了,在src之後:['templates/folder1/css/* .css'] ...謝謝..它按預期工作! :) – PottaG

+0

謝謝你的擡頭,我已經編輯了修復代碼的答案。如果這個答案幫助你,你能接受它嗎? –