Gruntfile.js手錶

所以我正在製作我自己的Wordpress框架，並且正在使用grunt和sass。我更新的是咕嚕咕嚕聲和sass，但經歷了足夠的咕嚕聲以知道我在做什麼，但我過去使用過LESS而不是Sass。Gruntfile.js手錶

我以來自roots.io的Gruntfile.js文件爲起點。據我所知，我所擁有的一切都是正確的，但我對一些事情不太確定。我刪除了js的東西，因爲我不會去關注它，並且我添加了grunt-contrib-sass。

當運行咕嚕手錶我得到這個錯誤：

grunt watch 

/Gruntfile.js:22 
     watch: { 
     ^^^^^ 
Loading "Gruntfile.js" tasks...ERROR 
>> SyntaxError: Unexpected identifier 
Warning: Task "watch" not found. Use --force to continue. 

Aborted due to warnings.

下面是我的Gruntfile.js和我的package.json

Gruntfile.JS

'use strict'; 
module.exports = function (grunt) { 

    grunt.initConfig({ 
     version: { 
      options: { 
       file: 'lib/scripts.php', 
       css: 'assets/css/main.min.css', 
       cssHandle: 'su_styles' 
      } 
     }, 
     sass: { 
      dist: { 
       options: { 
        style: 'compressed' 
       }, 
       files: { 
        'assets/css/main.min.css': [ 
        'assets/scss/app.scss' 
        ] 
       } 
      } 
     }, 
     watch: { 
      sass: { 
       files: [ 
      'assets/scss/*.scss', 
      'assets/scss/foundation/*.scss' 
       ], 
       tasks: ['sass', 'version'] 
      }, 
      livereload: { 
       // Browser live reloading 
       // https://github.com/gruntjs/grunt-contrib-watch#live-reloading 
       options: { 
        livereload: false 
       }, 
       files: [ 
      'assets/css/main.min.css', 
      'templates/*.php', 
      '*.php' 
       ] 
      } 
     }, 
     clean: { 
      dist: [ 
     'assets/css/main.min.css' 
      ] 
     } 
    }); 

    // Load tasks 
    grunt.loadNpmTasks('grunt-contrib-clean'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.loadNpmTasks('grunt-wp-version'); 
    grunt.loadNpmTasks('grunt-contrib-sass'); 

    // Register tasks 
    grunt.registerTask('default', [ 
    'clean', 
    'version', 
    'sass' 
    ]); 
    grunt.registerTask('dev', [ 
    'watch' 
    ]); 

};

的package.json - 與一些東西取出來保留一點隱私

{ 
    "name": "sudoh", 
    "version": "1.0.0", 
    "author": "Brandon Shutter <[email protected]>", 
    "licenses": [ 
    { 
     "type": "MIT", 
     "url": "http://opensource.org/licenses/MIT" 
    } 
    ], 
    "engines": { 
    "node": ">= 0.10.0" 
    }, 
    "devDependencies": { 
    "grunt": "~0.4.1", 
    "grunt-contrib-clean": "~0.5.0", 
    "grunt-contrib-watch": "~0.5.3", 
    "grunt-wp-version": "~0.1.0", 
    "grunt-contrib-sass": "~0.5.0" 
    } 
}

感謝您的提前幫助。

來源

2013-10-11 Brandon Shutter

所以是的，只是要刪除該答案，因爲它沒有幫助。也就是說，如果'npm install'運行正常，我唯一一次看到這個錯誤就是Gruntfile（或者JS本身）中存在JS語法問題。 – jakerella

使用'--verbose'運行時添加的任何有用信息？ –

我把你的gruntfile和手工安裝的所有插件除了wordpress插件。這對我來說運行良好。我認爲你有一個安裝問題，或者你的gruntfile本身有問題。錯誤描述對我來說看起來像是一個語法錯誤。 –

看來我的設置沒有任何問題。我的代碼編輯器（Brackets）出於任何原因添加了隱藏字符，並導致語法錯誤。切換到Sublime並再次保存文件允許它完美地工作。

感謝大家的幫助。

來源

2013-10-11 20:37:43

Gruntfile.js手錶

回答

相關問題