在纯前端应用中缩小和捆绑js / css的最佳做法是什么，以及这些工具如何运作？
我知道如何使用.NET / Java / LAMP等服务器端应用程序来完成这项工作。但是，如今纯粹的前端项目，SPA项目或后端项目如何构建，比如说，ember或angular？假设整个项目由HTML / css / js组成，它与其他地方的RESTful服务连接。
您使用什么样的流程或工具来缩小和捆绑资源？
我已经看过为此存在的grunt插件，但我发现文档非常神奇，而且我仍然不清楚它们是如何工作的。
具体来说，是工具：
1）替换src =＆＃34; /js/a.js" ;, src =＆＃34; /js/b.js"用src =＆＃34; /js/bundle-a+b.min.js" ;? （和css一样？）在源html文件中？
2）开发和发布有不同的模式，或者工具只在项目发布时运行？
或者资源请求是否完全由js工具管理，并且必须通过库函数请求js / css文件？在这种情况下，滞后不会明显吗？
感谢。
答案 0 :(得分：5)
通过使用Build工具，前端开发人员可以在开发时自动缩小javascript，css甚至图像和html文件。最常见的是咕噜咕噜，吞咽着。
您可以配置grunt任务，例如grunt-contrib-uglify和grunt-contrib-copy，并将这些任务置于grunt-contrib-watch任务下。让grunt watch任务监视您修改的文件，每次检测到更改时，都会自动生成.min个文件。
这些构建工具对您的应用程序没有影响，它们在文件被服务之前运行。你是正确的假设有一个简单的方法来做到这一点。我建议您查看grunt getting started，sample gruntfile或使用grunt的项目 - here's mine，它会像您要求的那样进行缩小。克隆我的回购，运行sudo npm install，然后sudo grunt。我没有在我的项目中设置监视器，但是grunt的记录很清楚。