我使用 foundation new myproject --libsass
方法创建了一个新的基础项目。
它只是一个简单的静态 index.html(用于此问题的目的)。
我现在已经将它部署到实时服务器上,我想知道构建它的最佳方式。我省略了 node_modules 和 scss 目录,剩下的是:
- bower 组件/
- CSS/
- js/
- index.html
- bowerrc
- bower.json
- Gruntfile.js
- 人类.txt
- package.json
- 自述文件
bower_components 在其当前形式中是必需的,除非我随机播放一些文件,这是我打算做的,但我正在检查是否有更好的方法来做这个,那个我没有错过一些用于部署到生产环境的神奇终端命令。
最佳答案
作为msturdy在评论中建议,grunt是去这里的路。那里有很多插件,请参阅 list在官方页面上。
如果你想让 grunt 将你的项目“编译”到一个特定的文件夹中,然后你可以将其推送到部署服务器,你应该在 grunt 中做几件事:
- 编译你的 scss
- 缩小您的 javascript,即使文件更小,请参阅 jscompress演示它是什么。您在项目中包含的/bower_components 中的所有 js 文件都应位于首先加载的 vendor.js 中,然后第二个 js 文件应包含来自/js 的自定义 js
- 将所有内容保存到部署文件夹中。
- (可选)自动部署到服务器。
查看这些用于设置 gruntfile.js 的 grunt 教程,您将需要完成两项任务,一项用于快速编译 scss,一项用于整个部署过程:
它们向您展示了如何做某些事情以及如何编写 gruntfile。除了当前的 libsass 插件之外,您可能想使用的插件是 uglify以及任何允许您通过 git 部署代码的插件, ftp或其他任何东西。您可以通过 npm 下载所有这些插件,方法是将它们添加到您的 package.json 并执行 npm install
,请参阅它们的网站以获取确切的使用说明。
关于deployment - Foundation 5 生产环境文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25055063/