我正在尝试将此库添加到我的项目中:https://github.com/DragonBones/DragonBonesJS/tree/master/Phaser/Demos
我使用webpack合并所有库,它在index.html
中产生这样的输出:
<script type="text/javascript" src="./dist/vendor.bundle.js"></script>
<script type="text/javascript" src="./dist/bundle.js"></script>
我想在vendor.bundle.js
之间插入所需的文件-我怀疑其中包含合并到一个文件中的所有剩余库-和bundle.js
-其中包含我的游戏。我也可以在vector.bundle.js
的末尾注入它们,这对我来说并不重要。不幸的是,我不知道该怎么做。
假设这是我需要加载的文件列表:
<script src="./libs/dragonBones/dragonBones.js"></script>
<script src="./out/DragHelper.js"></script>
<script src="./out/BaseDemo.js"></script>
<script src="./out/HelloDragonBones.js"></script>
<script src="./out/AnimationBase.js"></script>
<script src="./out/DragonBonesEvent.js"></script>
<script src="./out/AnimationLayer.js"></script>
<script src="./out/BoneOffset.js"></script>
<script src="./out/InverseKinematics.js"></script>
<script src="./out/BoundingBox.js"></script>
<script src="./out/ReplaceSlotDisplay.js"></script>
<script src="./out/ReplaceAnimation.js"></script>
<script src="./out/CoreElement.js"></script>
<script src="./out/PerformanceTest.js"></script>
是否有一种方法可以修改index.html
模板以将它们包括在前面提到的这两个文件之间?或者也许有更好的方法呢?