prplmark

// Essentials
var gulp = require('gulp');
var webpack = require('webpack');               // Include webpack to add definePlugin
var webpackStream = require('webpack-stream');  // Use webpack-stream to compile

// Sass Requires
var sass = require('gulp-sass');                // Include SASS
var autoprefix = require('gulp-autoprefixer');  // Autoprefixer (always)
var rename = require('gulp-rename');            // Gulp Rename
var sourcemaps = require('gulp-sourcemaps');    // Sourcemaps (for sass)

prplmark

// Essentials
var gulp = require('gulp');
var webpack = require('webpack');               // Include webpack to add definePlugin
var webpackStream = require('webpack-stream');  // Use webpack-stream to compile

// Utilities
var gutil = require('gulp-util');
var chalk = require('chalk');
var notify = require('gulp-notify');
var livereload = require('gulp-livereload');

prplmark

// Essentials
var gulp = require('gulp');
var webpackStream = require('webpack-stream');

// Utilities
var gutil = require('gulp-util');
var chalk = require('chalk');
var notify = require('gulp-notify');
var livereload = require('gulp-livereload');

prplmark

// # webpack.config.js
var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, './app/dist');  // Distribution directory
var APP_DIR = path.resolve(__dirname, './app');         // App directory

var config = {
  entry: APP_DIR + '/app.js',
  output: {

prplmark

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-with-addons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>

prplmark

'use strict';

var gulp        = require('gulp');                // Base gulp package
var babelify    = require('babelify');            // Used to convert ES6 & JSX to ES5
var browserify  = require('browserify');          // Providers "require" support, CommonJS
var notify      = require('gulp-notify');         // Provides notification to both the console and Growel
var rename      = require('gulp-rename');         // Rename sources
var sourcemaps  = require('gulp-sourcemaps');     // Provide external sourcemap files
var livereload  = require('gulp-livereload');     // Livereload support for the browser
var gutil       = require('gulp-util');           // Provides gulp utilities, including logging and beep

prplmark

/* Mixin */
@mixin animate($time, $transition) {
	transition: $time $transition;
	-moz-transition: $time $transition;
	-webkit-transition: $time $transition;
	-o-transition: $time $transition;
}

/* Sample */
.element{

prplmark

<meta name="viewport" content="width=1024, minimal-ui">