基础5生产环境文件

时间:2014-07-31 09:13:49

标签: deployment gruntjs zurb-foundation bower directory-structure

我使用foundation new myproject --libsass方法创建了一个新的基础项目。

它只是一个简单的静态index.html(出于这个问题的目的)。

我现在已将它部署到实时服务器,我想知道构建它的最佳方法。我省略了 node_modules & scss 目录,我还剩下以下内容:

  • bower_components /
  • CSS /
  • JS​​ /
  • 的index.html
  • bowerrc
  • bower.json
  • Gruntfile.js
  • humans.txt
  • 的package.json
  • README.md

bower_components 是当前形式所必需的,除非我随机播放一些文件,这是我打算做的,但是我要检查是否有更好的方法,并且我没有错过任何神奇的终端命令来部署到生产。

1 个答案:

答案 0 :(得分:1)

在评论中提到msturdy时,grunt就是这样的方式。有很多插件,请在官方页面上查看list

如果你想要咕噜咕噜"编译"您的项目进入一个特定的文件夹,然后您可以将其推送到部署服务器,您应该在grunt中执行以下操作:

  1. 编译你的scss
  2. 缩小您的javascript,即缩小文件数量,请参阅jscompress以了解它的内容。您在项目中包含的/ bower_components中的所有js文件应该位于首先加载的vendor.js中,然后第二个js文件应该包含来自/ js的自定义js
  3. 将所有内容保存到部署文件夹中。
  4. (可选)自动部署到服务器。
  5. 看看这些用于设置gruntfile.js的grunt教程,您将要完成两个任务,一个用于快速编译scss,一个用于整个部署过程:

    他们向您展示如何做某些事情以及如何编写gruntfile。除了当前的libsass插件之外,您可能希望使用的插件是uglify以及允许您通过gitftp或其他任何内容部署代码的任何插件。您可以通过将这些插件添加到package.json并执行npm install来通过npm下载所有这些插件,请参阅他们的网站以获取准确的使用说明。