javascript - 静态资源 本地打包 or 服务器打包？

Question

我现在的做法是，在本地跑一遍打包命令，然后把打包好的文件和开发文件一起通过SVN上传，文件直接引用build目录

<script src="build/abc.js" ></script>

缺点要频繁手动运行打包命令。

理想的环境是，每次提交后在服务器自动打包，本地只有开发文件

开发环境：

<script src="js/a.js" ></script>
<script src="js/b.js" ></script>
<script src="js/c.js" ></script>

生产环境

<script src="build/abc.js" ></script>

请问这个过程需要用到哪些技术？
还有什么更好的解决方案？

Answer 1

1. 本地开发一套代码，线上另一套代码，中间通过上线时候的 build 流程来搞定构建。
2. 可以用 hook 在服务器上 svn up 的时候自动构建。
3. 具体构建工具，比较常见的有 grunt 或者 gulp 之类的。然后也看你的具体场景，比如如果用 require 或者 seajs 之类的，他们有自己的构建工具，可以嵌入构建流。如果想遵循 CommonJS 也用很多 node 模块，可以用 browserify 然后嵌入整体构建流。

Answer 2

只是上边的需要建议先看一下 grunt-usemin.
但是说到代码模块化的话, 选择一个方案(CommonJS, AMD) 然后选用对应的打包插件比较好.
另外正式上线之前文件的版本号也需要考虑, 这个是 revision 相关的插件, 我也正在考虑中.