使用webpack加载独立的js库

时间:2018-08-28 23:11:28

标签: javascript webpack ecmascript-6

我正在尝试将此库添加到我的项目中: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模板以将它们包括在前面提到的这两个文件之间?或者也许有更好的方法呢?

0 个答案:

没有答案