petemc / sculpin-gulp-bundle
使用 sculpin generate 运行 gulp 任务
Requires (Dev)
- phpspec/phpspec: ^2.5
- sculpin/sculpin: ^2.0
This package is auto-updated.
Last update: 2024-09-21 00:39:35 UTC
README
此插件允许您从 sculpin generage
或 sculpin generate --watch
命令中运行 gulp 任务。
例如,您可能希望构建一些 SASS 文件到 CSS,压缩或合并您的资源文件。
先决条件
此包目前并不包含安装 npm 或 gulp,这个任务留给用户完成。以下命令将把 gulp 安装为 npm 包。
首先,确保您有一个 package.json
文件,使用以下命令:
$ [ -f package.json ] && echo "package.json exists" || echo "{}" > package.json
将 gulp 作为开发依赖项要求
$ npm install gulp --save-dev
检查 gulp 是否运行正常
$ gulp
在项目根目录下创建一个 gulpfile.js
文件,并将您的任务放在其中。您应该将一个任务命名为 sculpin
,因为这个任务将由 sculpin generate
命令运行(请参阅以下示例)。
设置
编辑您的 sculpin.json
文件以包含此插件,然后运行 sculpin update
来安装。
{ "require": { "petemc/sculpin-gulp-bundle": "@dev" } }
创建(或更新现有的)app/SculpinKernel.php
文件,并使用以下代码来要求该插件:
<?php class SculpinKernel extends \Sculpin\Bundle\SculpinBundle\HttpKernel\AbstractKernel { protected function getAdditionalSculpinBundles() { return [ 'PeteMc\Sculpin\SculpinGulpBundle\SculpinGulpBundle' ]; } }
使用方法
在您的 Sculpin 项目的根目录中创建一个 gulpfile.js
文件。确保您有一个名为 sculpin
的任务。这个任务将在每次重新生成 Sculpin 网站(使用 sculpin generate
或 sculpin generate --watch
)后执行。
运行构建 sass 的示例 gulpfile.js
var gulp = require('gulp'), sass = require('gulp-sass'), cleanCss = require('gulp-clean-css'); gulp.task('sculpin', ['build-sass']); gulp.task('build-sass', function () { return gulp.src('source/sass/style.sass') .pipe(sass()) .pipe(cleanCss()) .pipe(gulp.dest('output_dev/css/')) .pipe(gulp.dest('output_prod/css/')) });