1

希望这不是一个重复的问题。

我想知道最佳实践,因为我对整个前端开发非常陌生,人们如何开发/测试 javascript/css 并同时将他们的代码和所有依赖项都缩小了。你使用什么样的构建过程?这是一个例子:假设你有 style.css 和 app.js 依赖于 bootstrap.css 和 jquery.js。

在开发时如何在 html 中包含这些文件的完整版本,然后在发布时使用缩小版本?您是使用 YUI 压缩器(或其他类似工具)缩小第三方 css/js(例如 jquery 和引导自己)还是使用下载的缩小版本?如何在完整版代码和缩小版之间进行交换?谢谢。

4

2 回答 2

1

我只会维护您的代码库未压缩并使用 ant ( http://ant.apache.org/ ) 或类似的东西来创建一个运行您的测试的构建过程,也许在您的代码上运行 jslint,然后将其缩小并将其复制到准备发布的结构。

构建可以根据需要命名文件,因此您不必担心缩小的文件名不同。

于 2013-07-12T15:19:38.453 回答
0

我通过使用 css 和 javascript 的预编译器来做到这一点。有很多方法可以有效地做到这一点,我使用 SASS 编写代码并使用两个应用程序:prepos (win) 和 scout (win/osx) 来编译缩小或人类可读的代码。

我建议您观看 CSS Tricks 关于此主题的视频:http: //css-tricks.com/video-screencasts/124-a-modern-web-designers-workflow/

于 2013-07-12T15:39:41.940 回答