Question

我刚刚完成了一个类，该类显示了如何使用带有插件的webpack来自动生成块供应商文件的脚本标记。我使用的是webpack 1.14.0，有问题的插件是HtmlWebpackPlugin和CommonsChunkPlugin。一切正常，但我想把它扩展到我的角色工作。所以供应商包包含角度库 - 但问题是生成的脚本引用插入到元素的末尾，而我的角度代码更高 - 因此导致＆＃34;角度未定义＆＃34;运行时出错。如果我要手动移动脚本引用更高，一切正常。所以我的问题是：如何在我的html文件中控制webpack注入的脚本文件的位置？谢谢

这是我的代码：

A or B

Answer 1

通常，您的JS代码将位于单独的文件中，但我们可以在您的HTML中使用它。现在你已经得到了你的供应商和主要进入<head>最简单的做法就是将代码移动到</body>之上，如下所示：

  <script type="text/javascript">
    var app = angular.module('myStudyApp', []);

    app.controller('myController', ['$scope', function($scope) {

    }]);
  </script>
</body>

我从来没有遇到过这个问题，因为我没有对输出文件名使用hash选项。我的文件名为vendor.min.js和app.min.js。

希望这有帮助！

webpack插件在body元素的末尾生成并注入脚本文件

1 个答案: