3

バックボーンボイラープレート（https://github.com/tbranyen/backbone-boilerplate/blob/master/index.html）のindex.html内の条件付きコメントの重要性を誰かに教えてもらえますか？

<!--(if target dummy)><!--> <link rel="stylesheet" href="/app/styles/index.css"> <!--<!(endif)-->

<!--(if target release)> <link rel="stylesheet" href="index.css"> <!(endif)-->

<!--(if target debug)> <link rel="stylesheet" href="index.css"> <!(endif)-->

<!--(if target dummy)><!-->    <script data-main="/app/config" src="/vendor/js/libs/require.js"></script>    <!--<!(endif)-->

<!--(if target release)>    <script src="require.js"></script>    <!(endif)-->

<!--(if target debug)>    <script src="require.js"></script>    <!(endif)-->

異なるバージョンを構築するとき、それらはGruntに関連していますか？

ありがとう..

4

1 に答える 1

5

これらがGruntビルドターゲットであるというあなたの仮定は正しいようです。grunt でビルドする場合、デバッグ、ダミー、リリースなどの異なる設定が必要です。

https://github.com/changer/grunt-targethtml

検索して見つけたリンクされた例。条件付きコメントと少しの情報があります。次に、gruntfile.js に次のように記述します。

// Configuration to be run (and then tested).
targethtml: {
  dev: {
    files: {
      'tmp/dev.html': 'test/fixtures/index.html'
    }
  },
  dist: {
    files: {
      'tmp/dist.html': 'test/fixtures/index.html'
    }
  }
},...

条件として dev と dist を使用します。

Backbone Boilerplate はデバッグとリリースを定義します (ダミーは除外されているようです):

https://github.com/tbranyen/backbone-boilerplate/blob/master/grunt.js#L131

于 2013-01-17T21:25:00.783 に答える