Question

我从凉亭+ gulp迁移。我曾经使用gulp-inject插件： https://www.npmjs.com/package/gulp-inject使用这种注入单个依赖项的方式：

<!DOCTYPE html>
<html>
<head>
  <title>My index</title>
  <!-- bower:css -->
  <!-- bower installed css files will go here... -->
  <!-- endinject -->
  <!-- inject:css -->
  <!-- built css files will go here... -->
  <!-- endinject -->
</head>
<body>

  <!-- bower:js -->
  <!-- bower installed scripts will go here... -->
  <!-- endinject -->
  <!-- inject:js -->
  <!-- app scripts will go here... -->
  <!-- endinject -->
</body>
</html>

对于生产，我会将所有依赖项缩减为一个js，并使用当前时间戳的哈希值来覆盖浏览器执行的任何缓存。

现在，我试图转移到webpack（作为删除bower的一部分，而不是使用npm）。

我想知道两件事情，都是在html依赖注入方面：

使用webpack对开发环境的最佳做法是什么？我不希望其他开发人员必须处理一个大的bundle.js（猜测哪个文件和调试更难）。但是，我不想手动保留单个脚本src = ...标签。
对于 prod env ，我不确定最佳方法是什么： <script src="bundle-[timestampHash].js"/>

或者也许是一些避免浏览器缓存问题的最佳做法。

谢谢

从bower + gulp迁移到webpack - 将依赖项注入html

0 个答案: