首页 > 静态资源 本地打包 or 服务器打包?

静态资源 本地打包 or 服务器打包?

我现在的做法是,在本地跑一遍打包命令,然后把打包好的文件和开发文件一起通过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>

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


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

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

【热门文章】
【热门文章】