gruntjs - Grunt-Concat タスクで実行時に変数値を取得する

Question

jsp ファイルで 2 つの css ファイルを 1 つの css ファイル (common_tfn_bsa.min.css) に連結するために、以下の Grunt 構成を実装しました。

<!-- build:css ./assets/css/common_tfn_bsa.min.css -->
  <link href="./${theme}/css/style.css" rel="stylesheet">
  <link href="./${theme}/css/component.css" rel="stylesheet">
  <!-- endbuild -->

しかし、上記の Grunt タスクを実行している間、コードは次のように生成されます。

    concat:
   { generated: 
   { files: 
       [ { dest: '.tmp\\concat\\assets\\css\\common_bom.min.css',
           src: 
           [ '.\\app\\${theme}\\css\\style.css',
              '.\\app\\${theme}\\css\\component.css' ] }
        ]
    }
    }

必要なのは、生成されたファイルの${theme}の値で、concat の正しい場所から css ファイルを選択できるようにすることです。

Answer 1

これを試して：

<!-- build:css(./<%= theme %>) ./assets/css/common_tfn_bsa.min.css -->
  <link href="/css/style.css" rel="stylesheet">
  <link href="/css/component.css" rel="stylesheet">
<!-- endbuild -->