点击项目面板上的构建项目按钮,将开发的构建出最终的 jscssimages 等资源。

打包发布 - 图1

构建完成后,会在项目目录下生成 build 文件夹,里面存在了 index.htmlindex.jsindex.css 文件。使用您熟悉的方式,上传到对应的 cdn 服务器。

部署上线

上线过程即发布 HTML 文件的过程,index.html 文件存在在 build 目录中,将 index.html 文件复制到对应的服务服务器,并修改 html 源码中的 /build/index.css 和 /build/index.js 地址,是上一步中得到的 cdn 地址以及站点标题。

一个基本的的 HTML 结构如下所示:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
  6. <link rel="icon" type="image/png" href="favicon.png">
  7. <meta name="viewport" content="width=device-width">
  8. <title>ICE Design Pro</title>
  9. </head>
  10. <body>
  11. <div id="ice-container"></div>
  12. </body>
  13. </html>

到这里你已经学会使用 Iceworks 创建一个项目并发布:)