希望这不是一个重复的问题。
我想知道最佳实践,因为我对整个前端开发非常陌生,人们如何开发/测试javascript / css,同时将他们的代码和所有依赖关系缩小。你使用什么样的构建过程? 这是一个例子:假设你有style.css和app.js,依赖于bootstrap.css和jquery.js。
在开发时如何在html中包含这些文件的完整版本,然后在发布时使用缩小版本?你是否使用YUI压缩器(或类似的其他工具)或使用下载的缩小版本来缩小第三方css / js(例如jquery和bootstrap)?如何在完整版本的代码和缩小版本之间进行交换? 感谢。
答案 0 :(得分:1)
我维护您的代码库只是解压缩并使用ant(http://ant.apache.org/)或类似的东西来创建运行测试的构建过程,可能在代码上运行jslint,然后缩小它并将其复制到结构中已准备好发布。
构建可以根据需要命名文件,因此您不必担心缩小的文件名不同。
答案 1 :(得分:0)
我通过使用css和javascript的预编译器来实现这一点。有很多方法可以有效地做到这一点,我使用SASS编写代码并使用两个应用程序:prepos(win)& scout(win / osx)编译缩小或可读的代码。
我建议你通过CSS技巧观看关于此主题的视频: http://css-tricks.com/video-screencasts/124-a-modern-web-designers-workflow/