gulp-wt
Compile Sass to CSS with gulp!
Requirements
gulp-wt
has dependencies on wellington. This is provided by wellington-bin
.
Please refer the user guide
Installation
Install with npm
$ npm install gulp-wt
Usage
set your project path.
var wt = path = ; gulp;
set your wt settings.
var wt = minifyCSS = ; gulp;
Support multiple require option
var wt = minifyCSS = ; gulp;
Support return the output of the Wt as the callback
var wt = minifyCSS = ; gulp;
gulp-wt
with gulp-plumber
var wt = plumber = minifyCSS = ; gulp;
Configuration
Configuration Options
style
default: nested
description: The output style for the compiled css. One of: nested, expanded, compact, or compressed.
comments
default: false
description: Show line comments or not.
relative
default: true
description: Are assets relative.
css
default: css
description: The target directory where you keep your css stylesheets. It is relative to the project
option.
sass
default: sass
description: The source directory where you keep your sass stylesheets. It is relative to the project
option.
javascript
default: js
description: The directory where you keep your javascripts. It is relative to the project
option.
font
default: font
description: The directory where you keep your fonts. It is relative to the project
option.
project
default: your project base
description: The location where all your assets are store.
logging
default: true
description: show/hide compile log message.
import_path
default: false
format: string
or array
description: The directory where you keep external Wt plugins or extensions that you would like to make available using the @import
function. Common use case would be setting this to your bower_components
directory for example. It is relative to the project
option.
require
default: false
format: string
or array
description: Require the given Ruby library before running commands. This is used to access Wt plugins without having a project configuration file.
load_all
default: false
description: Load all the frameworks or extensions found in the FRAMEWORKS_DIR directory.
sourcemap
default: false
description: Generate standard JSON source maps.
PS. Past wt versions (prior to 1.0.0) do not support --sourcemap
flag, please update sass and wt as the following version.
* sass (3.3.3)
* wt (1.0.2)
time
default: false
description: Display compilation times.
debug
default: false
description: Turns on sass's debuging information.
environment
description: The environment mode can also be development
or production
.
http_path
default: false
description: Set this to the root of your project when deployed.
generated_images_path
default: false
description: GENERATED_IMAGES_PATH. Support --generated-images-path
parameter.
task
default: compile
description: Support wt primary commands: compile or watch.
Running tests
$ npm i
$ npm test