javascript - 環境に応じてexpress jsでアセットをリンクする

Question

環境に応じて、html ファイル (正確には、私の場合は nunjucks ファイル) にアセットをリンクする方法はありますか? 簡単にデバッグするために、開発環境にいくつかの部分的な *.css または *.js ファイルを含めたいと思います。）。

score 0 · Accepted Answer

おそらく、ビルドプロセスを介してこれを行う必要があります。優れたタスクランナーには、GruntとGulpが含まれます。

grunt-usemin のようなものを使用できます。これにより、HTML に直接スクリプト/リンクタグを配置し、grunt コマンドを実行してそれらを組み合わせることができます。

score 0 · Accepted Answer

テンプレートシステムによって異なりますが、基本は次のようになります。

コントローラーで - env をテンプレートで使用できるようにします。

res.render("template", {
 env: process.env.NODE_ENV || 'development'
});

テンプレート：

{% if env === 'development' %}
<script>....</script>
<script>....</script>   
{% else %}
<script src="prod.min.js"></script>
{% endif %}

さらに、@ vernak2539 による回答を使用して、gulp または grunt と minify/uglify/concat プラグインを使用して prod.min.js ファイルを縮小するか、CodeKit などを使用して「手動で」実行します。

2 に答える 2