Add package.json, gulpfile.js and readme.md

ivandoric · Jun 18, 2016 · 0838d0a · 0838d0a
1 parent 074c939
commit 0838d0a
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 0 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,23 @@
+var elixir = require('laravel-elixir');
+require('laravel-elixir-livereload');
+
+
+elixir.config.assetsPath = 'wp-content/themes/elixir/assets/';
+elixir.config.publicPath = 'wp-content/themes/elixir/';
+elixir.config.css.outputFolder = './';
+
+elixir(function(mix){
+
+    mix.sass('style.scss');
+
+    mix.scripts([
+        'hello.js',
+        'main.js'
+    ]);
+
+    mix.livereload([
+        'wp-content/themes/elixir/style.css',
+        'wp-content/themes/elixir/**/*.php',
+        'wp-content/themes/elixir/js/*.js'
+    ])
+})
diff --git a/package.json b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "wpelixir",
+  "version": "1.0.0",
+  "description": "<!DOCTYPE html> <html> <head> \t<meta name=\"viewport\" content=\"width=device-width\" /> \t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /> \t<title>WordPress &#8250; ReadMe</title> \t<link rel=\"stylesheet\" href=\"wp-admin/css/install.css?ver=20100228\" type=\"text/css\" /> </head> <body> <h1 id=\"logo\"> \t<a href=\"https://wordpress.org/\"><img alt=\"WordPress\" src=\"wp-admin/images/wordpress-logo.png\" /></a> \t<br /> Version 4.5.2 </h1> <p style=\"text-align: center\">Semantic Personal Publishing Platform</p>",
+  "main": "gulp.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "gulp": "^3.9.1",
+    "laravel-elixir": "^5.0.0",
+    "laravel-elixir-livereload": "^1.1.4"
+  }
+}
diff --git a/readme.md b/readme.md
@@ -0,0 +1,15 @@
+
+This theme was made for video tutorial about using Laravel Elixir with WordPress. Check out the video here: 
+
+## Usage
+
+Copy ```package.json``` and ```gulpfile.js``` to your WordPress project root and run ```npm install```
+
+Of course you have to have node.js and gulp.js installed on your machine, duh.
+
+### Features
+
+- Compiles scss/sass
+- Compiles js
+- uses LiveReload
+