基础框架5生产环境文件

Question

基础框架5生产环境文件

deploymentgruntjszurb-foundationbowerdirectory-structure

3

我使用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以其当前形式是必需的，除非我调整一些文件位置，这正是我打算做的事情，但我正在检查是否有更好的方法来完成此操作，并且我没有错过一些魔术终端命令来部署到生产环境。

- Chris J Allen

1

神奇的终端命令，可用于部署到生产环境 - 你有没有看过 grunt？ - msturdy

1

我正在使用Grunt来监视SCSS，并构建初始文件。您是说也可以进行部署吗？谢谢，我会研究一下的。 - Chris J Allen

1

Grunt非常灵活，取决于您部署的位置、方式和内容，但几乎所有情况下都有相应的模块.. 这里有一个例子: https://www.npmjs.org/package/grunt-deploy - msturdy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- LuLeBe · Accepted Answer

如评论中msturdy所建议的那样，grunt是这里的最佳选择。有很多插件可供使用，在官方页面上可以看到list。

如果您想让grunt将您的项目“编译”成一个特定的文件夹，然后可以将其推送到部署服务器上，您应该在grunt中执行以下几个步骤：

编译您的scss
压缩您的javascript，即使文件更小，可以查看jscompress以了解演示。您在项目中包含的所有来自/bower_components的js文件都应该在一个vendor.js文件中，该文件首先加载，然后第二个js文件应包含来自/js的自定义js
保存所有内容到部署文件夹中。
(可选)自动部署到服务器。

查看这些grunt教程，设置gruntfile.js，您需要有两个任务，一个用于快速编译您的scss，另一个用于整个部署过程：

它们向您展示如何完成某些任务，以及如何编写 gruntfile。除了当前的 libsass 插件外，您可能还想使用 uglify 和任何插件，让您通过 git、ftp 或其他方式部署代码。您可以通过将它们添加到 package.json 并执行 npm install 来从 npm 下载所有这些插件，请参考它们的网站以获取精确的使用说明。