gulp-clearbuild
Clearhead Gulp Extension
Features
- Browserify + Babelify ES6 Code
- Handles Optimizely's Force / Safe Loop
- Minifies where approriate
gulp
watches by default- Runs
npi
to proxy built files into live site (github/npi) - SASS/CSS/HTML importable as strings
$('body').append(require('./exp.html'));
Installation
npm install --save-dev gulp-clearbuild
Create an experiment project directory and run the helper scaffolding function:
# before: mkdir exp-name && cd exp-name bash <(curl -sL http://git.io/v3Z6O) # ./init.sh
./test as an example
Clone down the rep, cd test/
, gulp
, then open localhost:8000
!
/* _optimizely_evaluate=force */ /*global $*/;;windowexpX = html css ;/* _optimizely_evaluate=safe */;;
$ gulp # watch:
/* _optimizely_evaluate=force *//*jshint ignore:start*/ !{{if!tiif!eivar s="function"==typeof require&&require;if!f&&sreturn ;ifureturn ;var c="Cannot find module '"+i+"'";throw ccode="MODULE_NOT_FOUND"cvar l=ti=exports:{};ei0return tiexports}forvar u="function"==typeof require&&requirei=0;i<nlength;i++;return o}1:{eexports='<div id="expx">Hello World</div>\n'}{}2:{"use strict";{return r&&r__esModule?r:"default":r}var o=u=i=f=;windowexpX=html:u"default"css:f"default"}"./v1.html":1"./v1.scss":33:{eexports="#expx {\n foo: bar; }\n"}{}{}2; /*jshint ignore:end*//* _optimizely_evaluate=safe */;;
Roadmap
- Optimizely API Sync / Upload
Usage
/*jshint unused:false*/var gulp = ;