我可以指示Grunt连接index.html中定义的所有JS文件吗？

Question

1. 我是否可以指示Grunt连接index.html中定义的所有JS文件而不专门命名它们？
2. Grunt也可以创建新的index.html文件来加载连接的JS文件而不是之前的多个文件吗？
3. Grunt可以同时uglify JS文件吗？
4. Grunt不仅可以为JS文件执行此操作,还可以在给定的html文件中使用CSS文件吗？

我花了很多时间谷歌搜索,但Grunt生态系统似乎是如此分散,我不熟悉:(.

PS:我已决定使用Grunt,因为在WebStorm 8中有直接集成,但也许其他工具更适合这项任务？

Answer 1

有许多不同的解决方案,这就是为什么它似乎支离破碎.我将描述几种看似流行的方法.

1. 使用grunt-usemin
   您可以在HTML中指定它读取的块并将其提供给其他Grunt任务(concat,uglify等).他们的文档有很多例子可以处理很多不同的场景.

2. 使用一个模块捆绑,如咕噜-的WebPack,咕噜-browserify或咕噜-的contrib-requirejs
   不是添加脚本标签到HTML中,使用require()的语法需要时包含文件.根据方法,将脚本添加到页面或捆绑到单个文件中.这些方法通常只需要包含一个javascript文件.

探索并找出最适合您需求的解决方案.