如何连接某些js文件

Question

我只需要连接某些“供应商”JS 文件。我的用户并不总是可以访问互联网，我需要连接已经缩小的 JS 文件。

我有这个 index.html：

  <!-- build:js vendor.min.js -->
  <script type="text/javascript" src="bower_components/jquery/jquery.min.js"></script>
  <script type="text/javascript" src="bower_components/underscore/underscore.min.js"></script>
  ...
  <!-- endbuild -->

  <!-- build:js app.min.js -->
  <script type="text/javascript" src="app/app.js"></script>
  ...
  <!-- endbuild -->

我只想连接第一组文件。原因是有些已经缩小，有些还没有。未缩小的供应商文件无法缩小。

有没有办法运行 usemin 来将第一组连接到 vendor.js 文件中，然后将第二组连接并 uglify 到 app.min.js 文件中？

Answer 1

您应该使用flow 选项来定义您的自定义工作流程。

例如，如果您只需要连接一组文件，请将其添加到useminPrepare：

useminPrepare: {
  html: 'index.html',
  options: {
    flow: {
      html: {
        steps: {
          onlyconcat: ['concat']
        },
        post: {}
      }
    }
  }
}

在你的 index.html 中，改变这个：

<!-- build:onlyconcat vendor.min.js -->
<script type="text/javascript" src="bower_components/jquery/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/underscore/underscore.min.js"></script>
...
<!-- endbuild -->