Question

我打算使用grunt / gulp对我的混合应用程序进行concat / uglify / obfuscate。

源代码：

js- 
  a.js
  b.js

css-
  a.css
  b.css

现在，我的index.html加载了上述JavaScript和CSS文件。

我将上述a.js和b.js连结并混淆为名为c.js的文件。执行所有任务并将所有任务放在单个文件中的良好做法，即c.js，但我的问题是index.html仍然指向a.js和b.js。

c.js会怎样？从未在任何地方进口过吗？我们可以简单地uglify a.js和b.js本身并保持原样。

如果是这样，如何使用c.js？

Answer 1

如果您不打算使用grunt / gulp监视脚本，或者只是发现使用非缩小文件进行开发更快，并且想在最后运行任务来完成所有生产缩小，然后你可以看看 processhtml ：

此插件允许您在HTML中包含一些标记，该标记引用缩小的文件，同时包含未经文明的<script>标记。

<!-- build:js c.js -->
    <script src="a.js"></script> 
    <script src="b.js"></script> 
<!-- /build -->

因此，在您开发过程中，您可以使用a.js＆amp; b.js，然后在processhtml任务运行后，它会删除它们并使用c.js代替。当然，它仍然依赖于你首先对c.js自己进行缩小和连接。

Answer 2

我认为您应该为部署目的创建单独的文件夹，假设您有grunt / gulp结果应该指向的文件夹build，因此index.html始终引用构建上的缩小资源{ {1}}，
可能有助http://www.willpeavy.com/minifier/

Answer 3

1：您将a.js和b.js构建到c.js，因此只需链接到index.html中的c.js。

2：有许多支持缩小的gulp / grunt插件