使用HTML5 Boilerplate构建脚本和PHP框架

我是流行的 HTML5 Boilerplate的忠实粉丝.我喜欢使用构建脚本来实现minifiy等,但我无法弄清楚如何使所有内容协同工作.为了增加乐趣,我使用Git进行部署 – 没有FTP.

Paul Irish关于使用构建脚本的视频很棒,最后他展示了一种在服务器上部署的方法,然后使用.htaccess从.com /到.com / published / site /重新连接流量 – 但这并不是当你有一个webapp并且你正在使用视图时真的有效.将任何代码放在public_html中也是一个非常糟糕的习惯.

所以这是我在部署和构建的网站之后的结构:

- webapp
   - app
      - classes
          - welcome.PHP
      - views
          - template.PHP
   - framework
- public_html
   - index.PHP
   - css
   - js
   - img

但它需要:

>仍然能够在本地开发,而不必每次都进行构建!
> Be Gitable – 部署到服务器,然后构建
>从webapp中缩小并阅读视图

我的第一次尝试就像这样:

- webapp
   - app
      - classes
          - welcome.PHP
      - views
          - template.PHP
   - framework
- public_html
   - index.PHP
   - css (minified)
   - js (minified)
   - img (minified)
- dev_html
   - index.PHP
   - build
          - etc...
   - css
   - js
   - img

然后我发布了备份,但后来完全忘记了需要阅读的HTML文件在webapp中的事实,因此我陷入困境.

它有点复杂,所以要问你是不是得到它!

解决方法

Michell建议使用SerkanSökmen的CodeIgniter / HTML5 Boilerplate非常接近,但问题是它将它发布到自身的文件夹中,如果你在服务器上发布(通过Git部署之后),则意味着该应用程序在public_html中 – 不利于安全.

如果有人感兴趣,我已经在HTML5 Boilerplate的问题上开始讨论它.还没搞清楚:
https://github.com/h5bp/html5-boilerplate/issues/558

编辑!更新!

我为我改变的文件创建了一个GitHut仓库:
https://github.com/thomasedwards/h5bp-publish-tree

它几乎按照我的意图运作,可能对某些人有所帮助.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码