Visual Studio2013でBootstrap3.1LESSをコンパイルするためのGruntgrunt-contrib-less）の使用

私はこれを少し異なる方法で機能させています：

• grunt-cliがグローバルにインストールされていることを確認してください（npm install -g grunt-cli）
• プロジェクトまたはソリューションでGruntfile.jsを作成し、必要なコンパイルを少なくする（たとえば、少なくする）ためのターゲットを定義します。
• call grunt lessビルド前のイベントに追加します（CALLを指定しない場合、プロセスはうなり声の後に戻りません）

必要に応じて、開発および本番ビルドプロセスにさまざまなターゲットを追加できます。他のタスク用にさらに多くのターゲットを設定することもgrunt watchできます。編集するファイルが少ない場合にCSSを自動的に再コンパイルするために実行できるように、ターゲットを1つ持っています。

VS2013サンプルプロジェクトをより少ない使用量とGruntに変換するためのステップバイステップガイド：

1. ブートストラップを削除し、ブートストラップを少なくインストールします。

   Uninstall-Package bootstrap
   Install-Package Twitter.Bootstrap.less
   

2. コマンドプロンプトを開き、プロジェクトディレクトリにCDを挿入します

3. grunt-cliがグローバルにインストールされていることを確認します。

   npm install -g grunt-cli
   

4. package.jsonファイルを作成します。

   npm init
   

5. gruntとgrunt-contrib-lessをローカルにインストールします：npm install grunt grunt-contrib-less`

6. Gruntfile.js次の内容で呼び出されるファイルをプロジェクトに作成します。

   module.exports = function (grunt) {
       grunt.initConfig({
           pkg: grunt.file.readJSON('package.json'),
           less: {
               dev: {
                   options: {
                       sourceMap: true,
                       dumpLineNumbers: 'comments',
                       relativeUrls: true
                   },
                   files: {
                       'Content/bootstrap.debug.css': 'Content/bootstrap/bootstrap.less',
                   }
               },
               production: {
                   options: {
                       cleancss: true,
                       compress: true,
                       relativeUrls: true
                   },
                   files: {
                       'Content/bootstrap.css': 'Content/bootstrap/bootstrap.less',
                   }
               }
           },
   
       });
   
       grunt.loadNpmTasks('grunt-contrib-less');
   
       // Default task(s).
       grunt.registerTask('default', ['less']);
       grunt.registerTask('production', ['less:production']);
       grunt.registerTask('dev', ['less:dev']);
   };
   

7. Visual Studioのビルド前イベントを編集して、次のものを含めます。

   cd $(ProjectDir)
   call grunt --no-color
   

   （--no-colorVisual Studioビルド出力から一部の制御文字を削除します）

8. プロジェクトをビルドしてから、[すべてのファイルを表示]を有効にし、コンパイルされた2つのcssファイルをプロジェクトに含めます（Webデプロイがそれらを取得するようにします）。