Javascript Grunt不是'；t保存更改时更新脚本

我对

Grunt

完全陌生，我使用的是

root

Wordpressstarter主题，其中包含

Gruntfile.js

，如下所示：

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

  grunt.initConfig({
    jshint: {
      options: {
        jshintrc: '.jshintrc'
      },
      all: [
        'Gruntfile.js',
        'assets/js/*.js',
        '!assets/js/scripts.min.js'
      ]
    },
    less: {
      dist: {
        files: {
          'assets/css/main.min.css': [
            'assets/less/app.less'
          ]
        },
        options: {
          compress: true,
          // LESS source map
          // To enable, set sourceMap to true and update sourceMapRootpath based on your install
          sourceMap: false,
          sourceMapFilename: 'assets/css/main.min.css.map',
          sourceMapRootpath: '/app/themes/roots/'
        }
      }
    },
    uglify: {
      dist: {
        files: {
          'assets/js/scripts.min.js': [
            'assets/js/plugins/bootstrap/transition.js',
            'assets/js/plugins/bootstrap/alert.js',
            'assets/js/plugins/bootstrap/button.js',
            'assets/js/plugins/bootstrap/carousel.js',
            'assets/js/plugins/bootstrap/collapse.js',
            'assets/js/plugins/bootstrap/dropdown.js',
            'assets/js/plugins/bootstrap/modal.js',
            'assets/js/plugins/bootstrap/tooltip.js',
            'assets/js/plugins/bootstrap/popover.js',
            'assets/js/plugins/bootstrap/scrollspy.js',
            'assets/js/plugins/bootstrap/tab.js',
            'assets/js/plugins/bootstrap/affix.js',
            'assets/js/plugins/*.js',
            'assets/js/_*.js'
          ]
        },
        options: {
          // JS source map: to enable, uncomment the lines below and update sourceMappingURL based on your install
          // sourceMap: 'assets/js/scripts.min.js.map',
          // sourceMappingURL: '/app/themes/roots/assets/js/scripts.min.js.map'
        }
      }
    },
    version: {
      options: {
        file: 'lib/scripts.php',
        css: 'assets/css/main.min.css',
        cssHandle: 'roots_main',
        js: 'assets/js/scripts.min.js',
        jsHandle: 'roots_scripts'
      }
    },
    watch: {
      less: {
        files: [
          'assets/less/*.less',
          'assets/less/bootstrap/*.less'
        ],
        tasks: ['less', 'version']
      },
      js: {
        files: [
          '<%= jshint.all %>'
        ],
        tasks: ['jshint', 'uglify', 'version']
      },
      livereload: {
        // Browser live reloading
        // https://github.com/gruntjs/grunt-contrib-watch#live-reloading
        options: {
          livereload: false
        },
        files: [
          'assets/css/main.min.css',
          'assets/js/scripts.min.js',
          'templates/*.php',
          '*.php'
        ]
      }
    },
    clean: {
      dist: [
        'assets/css/main.min.css',
        'assets/js/scripts.min.js'
      ]
    }
  });

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

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

};

“严格使用”；
module.exports=函数（grunt）{
grunt.initConfig({
jshint:{
选项：{
jshintrc:“.jshintrc”
},
全部：[
“Gruntfile.js”，
“assets/js/*.js”，
“！assets/js/scripts.min.js”
]
},
减：{
地区：{
档案：{
“assets/css/main.min.css”：[
'资产/减少/应用程序减少'
]
},
选项：{
是的，
//少源地图
//要启用，请将sourceMap设置为true，并根据安装更新sourceMapRootpath
sourceMap:false，
sourceMapFilename:'assets/css/main.min.css.map'，
sourceMapRootpath:“/app/themes/root/”
}
}
},
丑陋的：{
地区：{
档案：{
“assets/js/scripts.min.js”：[
'assets/js/plugins/bootstrap/transition.js'，
'assets/js/plugins/bootstrap/alert.js'，
'assets/js/plugins/bootstrap/button.js'，
'assets/js/plugins/bootstrap/carousel.js'，
'assets/js/plugins/bootstrap/collapse.js'，
'assets/js/plugins/bootstrap/dropdown.js'，
'assets/js/plugins/bootstrap/modal.js'，
'assets/js/plugins/bootstrap/tooltip.js'，
'assets/js/plugins/bootstrap/popover.js'，
'assets/js/plugins/bootstrap/scrollspy.js'，
'assets/js/plugins/bootstrap/tab.js'，
'assets/js/plugins/bootstrap/affix.js'，
'assets/js/plugins/*.js'，
'资产/js/.*.js'
]
},
选项：{
//JS源映射：要启用，请取消注释下面的行，并根据安装更新sourceMappingURL
//sourceMap:'assets/js/scripts.min.js.map'，
//sourceMappingURL:“/app/themes/root/assets/js/scripts.min.js.map”
}
}
},
版本：{
选项：{
文件：“lib/scripts.php”，
css:'assets/css/main.min.css'，
cssHandle:“根”，
js:'assets/js/scripts.min.js'，
jsHandle:“根脚本”
}
},
观察：{
减：{
档案：[
“资产/减少/*.减少”，
“资产/更少/引导程序/*.less”
],
任务：['less'，'version']
},
js:{
档案：[
''
],
任务：['jshint'，'uglify'，'version']
},
利弗雷罗德：{
//浏览器实时重新加载
// https://github.com/gruntjs/grunt-contrib-watch#live-重新加载
选项：{
利弗雷罗德：错
},
档案：[
“assets/css/main.min.css”，
'assets/js/scripts.min.js'，
“templates/*.php”，
“*.php”
]
}
},
清洁：{
地区：[
“assets/css/main.min.css”，
'assets/js/scripts.min.js'
]
}
});
//加载任务
grunt.loadNpmTasks（“grunt-contrib-clean”）；
grunt.loadNpmTasks（'grunt-contrib-jshint'）；
grunt.loadNpmTasks（“grunt-contrib-uglify”）；
grunt.loadNpmTasks（“grunt-contrib-watch”）；
grunt.loadNpmTasks（“grunt-contrib-less”）；
grunt.loadNpmTasks（'grunt-wp-version'）；
//注册任务
grunt.registerTask（'default'[
“干净”，
“更少”，
"丑",，
“版本”
]);
grunt.registerTask（'dev'[
“注意”
]);
};

据我所见，

Grunt

应该关注我的

/assets/js/*

文件夹中的任何内容的更改

然而，当我：

• 添加一个新脚本，如

  /assets/js/plugins/jquerything.js

• 更新脚本，如

  /assets/js/_main.js

它无法正确更新脚本，也无法将脚本编译为

scripts.min.js

）我认为这就是丑陋的

操作（不管它值多少钱）

知道这里出了什么问题吗？我正在更新这些文件，但Wordpress只是引入了非常旧的脚本版本。我已经尝试从
root
github页面用新文件替换
gruntfile
，但没有效果

编辑：我在控制台中运行了
grunt-watch
，只是为了说明显而易见的情况。
您的watch-js正在监视jshint.all中描述的文件

但是jshint.all不包括插件文件夹中的文件。试着这样做：

jshint: {
  options: {
    jshintrc: '.jshintrc'
  },
  all: [
    'Gruntfile.js',
    'assets/js/**/*.js',
    '!assets/js/scripts.min.js'
  ]
},

watch: {
  less: {
    files: [
      'assets/less/*.less',
      'assets/less/bootstrap/*.less'
    ],
    tasks: ['less', 'version']
  },
  js: {
    files: [
      'assets/js/**/*.js'
    ],
    tasks: ['jshint', 'uglify', 'version']
  },

或者，您可以将要直接观看的js文件放入“观看选项”中，如下所示：

jshint: {
  options: {
    jshintrc: '.jshintrc'
  },
  all: [
    'Gruntfile.js',
    'assets/js/**/*.js',
    '!assets/js/scripts.min.js'
  ]
},

watch: {
  less: {
    files: [
      'assets/less/*.less',
      'assets/less/bootstrap/*.less'
    ],
    tasks: ['less', 'version']
  },
  js: {
    files: [
      'assets/js/**/*.js'
    ],
    tasks: ['jshint', 'uglify', 'version']
  },

哦，我明白了。实际上，我根本不想让jshint运行，因为它总是在插件中给我一些错误，比如缺少分号之类的错误，这些错误不会影响代码的运行能力，但需要修复（特别是对于缩小的文件）。有办法解决这个问题吗？