javascript - 根据环境在 express js 中链接资产

Question

有没有一种方法可以根据环境链接我的 html 文件中的资产（准确地说：在我的情况下是 nunjucks 文件）？我想在 dev env 中包含几个部分 *.css 或 *.js 文件以便更轻松地调试它，并在 prod env 中包含一个连接的 *.min.css 和 *.min.js 文件（有点像 Symfony 中的资产）。

Answer 1

您可能需要通过构建过程来执行此操作。好的任务运行器包括Grunt和Gulp。

你可以使用类似grunt-usemin 的东西。这将允许您将直接脚本/链接标签放在 html 中，然后运行 ​​grunt 命令来组合它们。

Answer 2

它会根据您的模板系统而有所不同，但基本情况如下：

在控制器中 - 使 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 之类的东西“手动”进行。