如何在 index.html 中指定构建编译指示？

Question

我有一个 index.html 文件。我想在此文件中指定构建编译指示，这样我就可以在开发时包含我的开发内容，并在构建时指定生产。

像这样：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>


//>>excludeStart("devEntry", pragmas.build);
    <script src="bower_components/requirejs/require.js" data-main="scripts/baseRequireConfig.js"></script>
//>>excludeEnd("devEntry", pragmas.build);

//>>excludeStart("prodEntry", pragmas.build);
<!--
//>>excludeEnd("prodEntry", pragmas.build);
<script src="require.js" data-main="productionRequireConfig.js"></script>
//>>excludeStart("prodEntry", pragmas.build);
-->
//>>excludeEnd("prodEntry", pragmas.build);

</body>
</html>

只使用 HTML 个 pragma 而不是 r.js 个。对此有哪些选择？ node.js插件？一些 bash 的东西？ make?

Answer 1

我最终使用 sed 更改文本

cat index.html |\
    sed s,bower_components/requirejs/require.js,require.js,g |\
    sed s,scripts/baseRequireConfig.js,productionRequireConfig.js,g \
    > build/index.html

适用于我目前的规模，但我不会把它推得太远。

Answer 2

您可以使用 preprocess，它提供等效的 @exclude/@excludeend 声明，例如：

<!-- @exclude -->
<script src="bower_components/requirejs/require.js" data-main="scripts/baseRequireConfig.js"></script>
<!-- @endexclude -->

如何在 index.html 中指定构建编译指示？

How can I specify build pragmas in index.html?

html

build

pragma

node.js