Skip to content
This repository was archived by the owner on Aug 15, 2018. It is now read-only.

Spm build 之自定义目录结构

leoner edited this page Oct 15, 2012 · 22 revisions

在上一篇文章中我们已经介绍了基于默认的目录结构的模块打包,其这篇文章主要针对任意目录结构的项目打包。下面涉及到的例子,用户可以根据自己项目的特点进行调整。

对于目录结构,SPM 本身没有太多的要求,只需要指定 SPM 需要操作的代码即可。

项目组成

在打包的过程中,由于会对代码本身的内容有改动(标准化,压缩,合并等),所以一般情况下会把代码分为两部分源码目录和部署上线的代码. 下面是一个简单的目录结构: 下面的例子来自社区用户,具体可以参看 https://github.com/seajs/spm/issues/316

   ├── assets # common modules and the third-party libaries
   │   ├── backbone
   │   │   └── 0.9.2
   │   │       ├── backbone-min.js
   │   │       └── backbone.js
   │   ├── seajs
   │   │   └── 1.2.1
   │   │       ├── sea-min.js
   │   │       └── sea.js
   │   ├── ...
   │   ├── plugin-tracker.js
   │   ├── ... # common seajs plugins as plugin-tracker
   │   └── css
   │       └── reset.css
   ├── css
   ├── imgs
   ├── index.html
   └── js  # a lot of app's custom modules
       ├── bootstrap.js
       ├── models
       │   └── nearbydeals.js
       ├── template.js
       ├── views
       │   └── nearbydeals.js
       └── ...

assets目录下主要存放不经常变的通用模块、通用资源文件和第三方类库 js下存放很多app相关自定义的业务、功能模块 其中js这个目录可以看做是一个大的模块项目,其中里面的js文件可以认为是子模块.

Clone this wiki locally