yeoman、grunt 和 bower 与 wordpress 一起使用答案

【问题标题】：yeoman,grunt and bower together with wordpressyeoman、grunt 和 bower 与 wordpress 一起使用
【发布时间】：2015-11-04 18:51:23
【问题描述】：

这将是我的第一个大项目。内容确实很大，所以我正在寻找一个可以让我在维护东西时轻松的环境。我将使用 wordpress 作为 CMS，但我不太确定我需要多少 Yeoman、Grunt 和 Bower。我认为这些在我自己的开发中非常酷且具有创新性。考虑到我是第一次使用这些，很难保持良好和一致的工作吗？

【问题讨论】：

标签： wordpress gruntjs bower frontend yeoman

【解决方案1】：

其中我会说 grunt 对 Wordpress 开发最有用，尽管取决于您喜欢如何包含依赖项 bower 也值得考虑。

对于 Wordpress 工作，我有

一个“默认”的 grunt 任务，它监视我的主题目录并在任何 SASS 文件更改时重建 CSS（grunt-contrib-watch 还具有 livereload）
一个“构建”任务，在我的 Javascript 上运行 jshint 和 uglify，从 SASS 构建和缩小 CSS，在我的 img 目录上运行 imagemin，向 CSS/JS 链接添加缓存破坏参数，复制我想要的所有内容部署到“构建”目录
用于部署构建文件夹内容的 SFTP 和 SCP 任务

您还可以做更多事情，但希望这能让您了解像 grunt 这样的东西有多么有用。我也使用过 gulp，但发现它提供的现成模块较少。以下是我的 package.json 的亮点：

"bower": "^1.4.1",
"grunt": "^0.4.5",
"grunt-concurrent": "^2.0.3",
"grunt-contrib-clean": "^0.6.0",
"grunt-contrib-compass": "^1.1.1",
"grunt-contrib-copy": "^0.8.0",
"grunt-contrib-imagemin": "^1.0.1",
"grunt-contrib-jshint": "^0.11.3",
"grunt-contrib-uglify": "^0.9.2",
"grunt-contrib-watch": "^1.0.0",
"grunt-scp": "^0.1.8",
"grunt-sftp-deploy": "^0.2.4",
"grunt-text-replace": "^0.4.0",

【讨论】：