Question

我已将我的grunt插件拆分为他们自己的文件，我正在使用load-grunt-config（https://github.com/firstandthird/load-grunt-config）来调用它们：

module.exports = function (grunt) {

  'use strict';

  require('load-grunt-config')(grunt);
};

我有sass，autoprefixer，cssmin和监视任务正在运行，但我也使用Browsersync和px-to-rem这两个插件返回：

Warning: Task "remify" not found. Use --force to continue.

和

Warning: Task "browsersync" not found. Use --force to continue.

单独调用或作为更大任务的一部分调用。

我已经遵循了这两个插件的separate.js文件的语法，所以我很茫然。例如，运行grunt时调用的remify.js文件就是这样编写的

module.exports = {
  dist: {
    options: {
      base: 16,
      fallback: true,
      fallback_existing_rem: true,
      ignore: []
    },
    files: {
      'css/style.css': 'css/style.css'
    }
  }
};

任何出错的想法？

我还设置了示例代码的要点，包括package.json和aliases.yml

https://gist.github.com/sturobson/f88258fd010e901e24d9

Answer 1

你必须完全调用grunt插件它是什么。所以，我remify我应该使用px_to_rem，我应该browsersync，我应该browserSync。

傻傻的我。

Answer 2

您可以将第二个参数传递给load-grunt-config，以提供一些选项，您还可以定义一些内部使用的load-grunt-tasks可以使用的模式。

如果你没有传递第二个参数，它使用load-grunt-tasks的默认模式grunt-*。

所以如果你想加载所有devDependencies而不是单独定义它们，那就这样做：

require('load-grunt-config')(grunt, {
    loadGruntTasks: {
        pattern: '*',
        scope: 'devDependencies'
    }
});

使用load-grunt-config找不到Grunt插件

2 个答案: