petemc/sculpin-gulp-bundle

使用 sculpin generate 运行 gulp 任务

v0.0.1 2016-04-13 12:52 UTC

This package is auto-updated.

Last update: 2024-09-21 00:39:35 UTC


README

此插件允许您从 sculpin generagesculpin 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 generatesculpin 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/'))
});