Javascript Grunt/Gulp源文件目标用法

我计划使用咕噜声/咕噜声来浓缩/丑化/混淆我的混合应用程序

源代码：

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

会发生什么变化？它从没有进口过吗？我们可以简单地丑化

a.js

和

b.js

本身并保持原样

如果是，如何使用

c.js

我认为您应该为部署目的创建单独的文件夹，比如说您有文件夹

build

，在那里您的咕噜声/咕噜声结果应该被发送到那里，因此index.html总是引用build

文件夹上的精简资源

也许这会有帮助

---

1：您将

a.js

和

b.js

构建到

c.js

，因此只需在index.html中链接到

c.js

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

Grunt contrib htmlmin：

---

Gulp Gulp htmlmin:

如果您不打算使用grunt/Gulp watch脚本，或者只是发现使用非精简文件开发更快，并且只想在最后运行一个任务来完成所有的生产精简，那么您可以看看processhtml：

• grunt processhtml：
• 吞咽过程HTML：

这个插件让您可以在HTML中包含一些标记，这些标记引用缩小的文件，同时为未统一的文件包含普通的

标记

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

---

因此，在开发过程中，可以使用

a.js

和

b.js

，然后在

processhtml

任务运行后，它将剥离它们并使用

c.js

。当然，它仍然依赖于您自己首先对

c.js

进行缩小和连接。

如果是这样，a.js和b.js仍将驻留在项目包中，对吗？在这种情况下，我是否需要手动删除a.js和b.js并链接index.html来构建/c.js？是的，出于开发目的，a/b.js仍然位于项目文件夹中，不要删除它们，只需将构建文件夹放入部署中，例如您的webserver@bowpunys谢谢：-）我对这个过程有了一些很好的了解：）