Deployment 基础5生产环境文件 < >我使用基金会新MyProject——LIbsass方法创建了一个新的基金项目。

Deployment 基础5生产环境文件 < >我使用基金会新MyProject——LIbsass方法创建了一个新的基金项目。,deployment,gruntjs,zurb-foundation,bower,directory-structure,Deployment,Gruntjs,Zurb Foundation,Bower,Directory Structure,它只是一个简单的static index.html(用于本问题) 我现在已经将它部署到一个实时服务器上,我想知道构建它的最佳方法。我省略了node_modules和scss目录,剩下的是以下内容: 鲍尔元件/ css/ js/ index.html 鲍威尔 bower.json Grunfile.js humans.txt package.json 自述文件 bower_组件的当前形式是需要的,除非我洗牌一些文件,这是我打算做的,但我正在检查是否有更好的方法来做这件事,并且我没有错过一些神奇

它只是一个简单的static index.html(用于本问题)

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

  • 鲍尔元件/
  • css/
  • js/
  • index.html
  • 鲍威尔
  • bower.json
  • Grunfile.js
  • humans.txt
  • package.json
  • 自述文件
bower_组件的当前形式是需要的,除非我洗牌一些文件,这是我打算做的,但我正在检查是否有更好的方法来做这件事,并且我没有错过一些神奇的终端命令来部署到生产中。

正如评论中所建议的那样,这是一种方法。有很多插件,请参见官方页面上的a

如果您想让grunt将您的项目“编译”到一个特定的文件夹中,然后将其推送到部署服务器,那么您应该在grunt中执行以下几项操作:

  • 编译您的SCS
  • 缩小您的javascript,即使文件变小,请参阅以获取它的演示。项目中包含的/bower_组件中的所有js文件都应该位于vendor.js中,该文件首先加载,然后第二个js文件应该包含/js中的自定义js
  • 将所有内容保存到部署文件夹中
  • (可选)自动部署到服务器
  • 看看这些grunt教程来设置gruntfile.js,您需要两个任务,一个用于快速编译SCS,另一个用于整个部署过程:


    它们向您展示了如何做某些事情,以及如何编写gruntfile。除了您当前的libsass插件之外,您可能还想使用的插件有,以及允许您通过部署代码的任何插件,或者其他任何插件。您可以通过npm下载所有这些插件,方法是将它们添加到您的package.json并执行
    npm安装
    ,请参考它们的网站以获得确切的使用说明。

    magic terminal command部署到生产中
    -您签出了吗?我正在使用grunt观看SCS,并构建初始文件。你是说也可以进行部署吗?我会调查的谢谢Grunt很灵活。。取决于部署的位置、内容和方式,但大多数情况下都有相应的模块。。下面是一个例子: