javascript - Ionic 3 Prod 构建版本号

Question

我在为桌面构建 ionic 项目时使用以下命令

ionic cordova build browser --prod

这导致生成以下文件

build/main.js

但是我希望能够在构建过程中自动将版本号添加到生成的文件中。所以最终会得到类似的东西

build/main.js?version=1.00

以避免在每次产品构建后需要清除浏览器缓存。

是否有针对此的标记，还是我必须手动执行的操作？

任何建议都会很棒!

编辑:

任何感兴趣的人都可以在 GitHub 上找到我的解决方案!

https://github.com/RichardM99/ionic-3-version-build-file-hook

Answer 1

这里有一些建议 - 您可以创建一个 cordova Hook 。

Hook 是您希望在构建过程的不同阶段执行的脚本。在您的情况下，您正在查看一个在构建事件完成后重命名 main.js 文件的脚本，或者换句话说，一个“after_build”类型的 Hook 。

脚本通常是 Node.js 文件，但您也可以执行其他类型的脚本。

还有一件事。由于您想绕过缓存，因此您不会重命名文件本身。您要做的是替换“index.html”中对“main.js”的引用，以包含随机版本号或可能是您的实际版本号。

我已经给你指明了方向，但不会一味地灌输。查找有关 cordova Hook 的文档。如果您了解 Javascript/Node，它们将非常简单

像这样应该可以完成工作:

var index_orig = fs.readFileSync(path-to-index.html, 'utf8');
var index_new = index_orig.replace("main.js", "main.js?version="+version_num);
fs.writeFileSync(path-to-index.html, index_new, 'utf8');

如果您想要实际的内部版本号，您可以读取您的 config.xml 并解析它以获取它的值。

希望对您有所帮助。