18

私はyeomanを試しています。

私は自分のヨーマンやうなり声のビルドにあまり統合したくありません。しかし、私はそれを行う簡単な方法を見つけていません。

grunt-contrib-lessを参照するyeoman-lessリポジトリを見つけました。しかし、yeoman と grunt を初めて使用する場合、そのプラグインをプラグインするのは非常に困難です。less コマンドが grunt ビルド ファイルに自動的に追加されるように、less を私の yeoman webapp にプラグインするもっと簡単な方法はありませんか?

ヒントとコツをありがとう！

4

3 に答える 3

19

yo webappを使用して新しいアプリをスキャフォールディングし、両方の質問に で答えると仮定するとNo、LESS を統合するための最良の選択は、最初にインストールする必要があるgrunt-recessです。

npm install --save-dev grunt-recess

リンティング ルールが気に入らない場合は、カスタマイズできます。アンインストールgrunt-compassしてから削除してpackage.jsonください。

compass次に、Gruntfileのタスクを次のように置き換える必要があります。

    recess: {
        options: {
            compile: true
        },
        dist: {
            files: [{
                expand: true,
                cwd: '<%= yeoman.app %>/styles',
                src: '{,*/}*.less',
                dest: '.tmp/styles/',
                ext: '.css'
            }]
        }
    }

compass次に、タスクへの残りのすべての参照を に置き換える必要があります。recessこれにより、結果の Gruntfile は次のようになります。

于 2013-05-05T08:42:47.670 に答える
1

これは古い質問ですが、私はそれを見つけ続けています。したがって、これが最新の回答です。

https://github.com/robinpokorny/generator-lessappにある、Yeoman 用の「LessApp」ジェネレーターを使用し ます。

于 2014-05-18T02:56:18.537 に答える
0

次のエラーが発生した場合は、10 ではなく 9 で識別されることが期待されます。recess

grunt.registerTaskに追加recces してください。autoprefixer 

grunt.registerTask('serve', function (target) {
    if (target === 'dist') {
        return grunt.task.run(['build', 'connect:dist:keepalive']);
    }

    grunt.task.run([
        'clean:server',
        'concurrent:server',
        'autoprefixer',
        'recess',
        'connect:livereload',
        'watch'
    ]);
});
于 2014-02-15T18:06:43.997 に答える