3

grunt-cli、grunt(local)、grunt-init をインストールしました。以下は、ソース フォルダー内の JavaScript ファイルを縮小する単純な grunt ファイルです。

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。そのため、 gruntjsモジュールminを使用して JS を縮小することをお勧めします。uglify

ドキュメントから：

このプラグインを次のコマンドでインストールします。

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

プラグインがインストールされたら、次の JavaScript 行を使用して Gruntfile 内で有効にすることができます。

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

たとえば、これは私の 1 つの抜粋です。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 に答える