Question

我想将gulpjs集成到Php Framework（CakePhp 2.x）中，使用gulp在CakePhp中实现以下功能是最佳做法：

缩小CSS，JavaScript和图像。
更改后自动重新加载浏览器。
Sass编译

注意：我是gulpjs的新手，请建议在Cakephp 2.x中使用gulpjs。

Answer 1

安装Nodejs https://nodejs.org/en/download/。

安装Npm https://docs.npmjs.com/cli/install。

全局安装gulp。 npm install --global gulp-cli

在根目录中创建一个package.json文件。

从终端导航到您的项目目录：npm install --save-dev gulp-install

在项目的根目录下创建一个gulpfile.js.

var gulp = require('gulp'); gulp.task('default', function() {// place code for your default task here });

从终端gulp

运行gulp

现在您已在项目中安装了gulp。你可以在这里https://www.npmjs.com/package/gulp-sass参考saas和gulp任务。

同样，您可以从http://gulpjs.com/plugins/找到minify和其他插件。

有很好的video教程可以帮助您入门。

Answer 2

有一个Node模块可以帮助您：https://www.npmjs.com/package/cakephp-elixir

来自文档：

如果你喜欢Elixir，也喜欢CakePHP，你会爱Elixir   的CakePHP！

Elixir for CakePHP提供了一个干净，流畅的API来定义基本的   CakePHP应用程序的Gulp任务。 Elixir支持常见的CSS   和Sass和Webpack等JavaScript预处理器。使用方法   链接，Elixir允许您流畅地定义您的资产管道。   例如：
elixir(function(mix) {
    mix.sass('default.scss')
       .webpack('default.js');
});
如果您对开始感到困惑和不知所措通过Gulp和资产编译，你会喜欢Elixir for CakePHP。但是，在开发您的时候不需要使用它应用。您可以自由使用任何您想要的资产管道工具，或甚至根本没有。

如何在CakePhp 2.x中集成gulpjs？

2 个答案: