Amaze UI 入门套件（独立页面版）

Amaze UI Starter Kit主要针对单页面应用(SPA)，最终只会生成一个单独的app.js。
本项目对其进行了改动，用以为每个独立的页面生成独有的js。

准备工作

首先，需要同Amaze UI Starter Kit一样进行准备工作。

获取Amaze UI Starter Kit for Separate Pages

• git clone https://github.com/adcentury/starter-kit.git
• 或者，直接下载压缩包

安装依赖

cd <your_project>
npm install

与Amaze UI Starter Kit主要区别

目录结构发生了变化：

|—— ...
|—— app
|    |—— ...
|    |—— js
|    |    |—— pages // 用于存放每个页面的js文件
|    |—— ...
|—— ...

例如，项目包含两个页面page1和page2，app/js/pages目录下包含page1.js和page2.js。

运行gulp或gulp serve进行编译时，会生成以下js文件：

• dist/js/page1.js
• dist/js/page1.min.js
• dist/js/page2.js
• dist/js/page2.min.js
• dist/js/common.js：此文件是由源page1.js和page2.js的共有部分提取而成
• dist/js/common.min.js

因此，在page1.html页面中同时引入common.js和page1.js即可：

<script src="js/common.js"></script>
<script src="js/page1.js"></script>

page2.html同理。