3

我已经安装了 grunt-cli、grunt(local)、grunt-init。下面是一个简单的 grunt 文件，用于缩小源文件夹中的 javascript 文件。

module.exports = function (grunt) {
  grunt.initConfig({
    min: {
      dev: {
        src: 'calculator/*.js',
        dest: 'calculator.min.js'
      }
    }
  });
};

当我运行 grunt 时，它什么也不做，也不发出任何消息。grunt --help 或 grunt --version.. 他们似乎都没有说什么。但如果我没有 grunt.js 文件，它会抱怨 grunt 文件不存在，帮助提供详细信息..

4

1 回答 1

1

您需要做的是添加一个任务，然后调用min. 要让它通过使用来运行，grunt您必须调用此任务default。如果您将其称为其他任何名称（例如development，您必须运行grunt development）

您还需要确保安装了必要的依赖项npm。所以min你可能想用 gruntjsuglify模块缩小 JS 。

从文档：

使用以下命令安装此插件：

npm install grunt-contrib-uglify --save-dev

安装插件后，可以使用以下 JavaScript 在 Gruntfile 中启用它：

grunt.loadNpmTasks('grunt-contrib-uglify');

例如，这里有一些片段来自我的一个Gruntfile.js

module.exports = function (grunt) {
    // load all grunt tasks
    require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);

    // configurable paths
    var yeomanConfig = {
        app: 'resources',
        dist: 'dist'
    };

    grunt.initConfig({
        yeoman: yeomanConfig,
        uglify: {
            dist: {
                files: {
                    '<%= yeoman.dist %>/js/scripts.js': [
                        '<%= yeoman.app %>/js/lib/*.js'
                    ],
                    '<%= yeoman.dist %>/js/output.js': [
                        '<%= yeoman.app %>/js/*.js'
                    ],
                }
            }
        },
    });
    grunt.registerTask('default', [
        // 'jshint',
        // 'test',
        'uglify'
    ]);

上面设置了一个uglify任务，然后在我运行 grunt 时grunt.registerTask('default'..调用该部分。uglify

以上是生成并用作yeoman工作流程的一部分。

于 2013-06-09T13:54:36.670 回答