我已经使用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必须是当前形式,除非我要随机整理一些文件,这是我打算做的,但是我正在检查是否有更好的方法可以做到这一点,并且我没有错过任何魔术终端命令来部署到生产。

    最佳答案

    正如msturdy在评论中建议的那样,grunt是前往此处的方法。那里有很多插件,请在官方页面上查看list

    如果希望grunt将项目“编译”到一个特定的文件夹中,然后例如可以推送到部署服务器,则应该在grunt中执行以下操作:

  • 编译您的scss
  • 缩小您的JavaScript,这会使文件更小,请参阅jscompress演示其内容。您包含在项目中的/ bower_components中的所有js文件都应位于vendor.js中,该文件将首先加载,然后第二个js文件应包含来自/ js
  • 的自定义js
  • 将所有内容保存到部署文件夹中。
  • (可选)自动部署到服务器。

  • 看一下这些用于设置gruntfile.js的入门教程,您将需要执行两项任务,一项任务是快速编译scss,一项任务是整个部署过程:
  • grunt is not weird and hard
  • official tutorial
  • sitepoint tutorial

  • 它们向您展示如何做某些事情,以及绝对如何编写gruntfile。除了当前的libsass插件外,您可能希望使用的插件是uglify以及任何可以通过gitftp或其他任何方式部署代码的插件。您可以通过npm下载所有这些插件,方法是将它们添加到package.json并执行npm install,请访问它们的网站以获取确切的使用说明。

    09-10 10:19
    查看更多