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 -->

如何连接某些js文件

1 个答案: