add readme advanced usage and more full example

examples/bower/bundle.config.js

@@ -29,5 +29,4 @@ module.exports = {
     src: './bower_components/bootstrap/dist/fonts/**/*.*',
     base: './bower_components/bootstrap/'
   }
-
 };

examples/full/bower.json

@@ -0,0 +1,21 @@
+{
+  "name": "bower",
+  "version": "0.0.0",
+  "authors": [
+    "Chris Montgomery <[email protected]>"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "~1.2.18",
+    "bootstrap": "~3.1.1",
+    "jquery": "~2.1.1",
+    "spin": "~0.0.1"
+  }
+}

examples/full/bower_components/angular/angular.js

@@ -0,0 +1 @@
+console.log("angular");

examples/full/bower_components/angular/angular.min.js

@@ -0,0 +1 @@
+console.log("angular.min");

examples/full/bower_components/bootstrap/dist/css/bootstrap.css

@@ -0,0 +1,3 @@
+.bootstrap {
+  background-color: red;
+}

examples/full/bower_components/bootstrap/dist/css/bootstrap.min.css

@@ -0,0 +1,3 @@
+.bootstrap.min {
+  background-color: blue;
+}

examples/full/bower_components/bootstrap/dist/js/bootstrap.js

@@ -0,0 +1 @@
+console.log('bootstrap');

examples/full/bower_components/bootstrap/dist/js/bootstrap.min.js

@@ -0,0 +1 @@
+console.log('bootstrap.min');

examples/full/bower_components/jquery/dist/jquery.js

@@ -0,0 +1 @@
+console.log("jquery");

examples/full/bower_components/jquery/dist/jquery.min.js

@@ -0,0 +1 @@
+console.log("jquery.min");

examples/full/bower_components/spin/spin.js

@@ -0,0 +1 @@
+console.log("spin")

examples/full/bundle.config.js

@@ -0,0 +1,52 @@
+var prodLikeEnvs = ['production', 'staging']; // when NODE_ENV=staging or NODE_ENV=production
+module.exports = {
+  bundle: {
+    vendor: {
+      scripts: [
+        {src: './bower_components/jquery/jquery.js', minSrc: './bower_components/jquery/jquery.min.js'},
+        {src: './bower_components/angular/angular.js', minSrc: './bower_components/angular/angular.min.js'},
+        './bower_components/spin/spin.js'
+      ],
+      styles: {
+        src: './bower_components/bootstrap/dist/css/bootstrap.css',
+        minSrc: './bower_components/bootstrap/dist/css/bootstrap.min.css'
+      },
+      options: {
+        useMin: prodLikeEnvs, // pre-minified files
+        uglify: false, // never let bundler minify js since bower already ships with minified versions
+        rev: prodLikeEnvs // file revisioning
+      }
+    },
+    article: {
+      scripts: './lib/article/**/*.js',
+      styles: './lib/article/**/*.less', // if you supply .less files they will be compiled to .css for you
+      options: {
+        uglify: prodLikeEnvs,
+        rev: prodLikeEnvs
+      }
+    },
+    main: {
+      scripts: [
+        './js/app.js',
+        './js/controllers.js',
+        './js/directives.js',
+        './js/filters.js'
+      ],
+      styles: [
+        './styles/**/*.css',
+        './styles/**/*.less' // mix of file types
+      ],
+      options: {
+        uglify: prodLikeEnvs,
+        rev: prodLikeEnvs
+      }
+    }
+  },
+  copy: [
+    {
+      src: './bower_components/bootstrap/dist/fonts/**/*.*',
+      base: './bower_components/bootstrap/dist/'
+    },
+    './images/**/*.*'
+  ]
+};

examples/full/bundle.result.json

@@ -0,0 +1,14 @@
+{
+  "vendor": {
+    "styles": "<link href='/public/vendor-bfff3428.css' media='screen' rel='stylesheet' type='text/css'/>",
+    "scripts": "<script src='/public/vendor-fc7efeba.js' type='text/javascript'></script>"
+  },
+  "article": {
+    "styles": "<link href='/public/article-c2107e48.css' media='screen' rel='stylesheet' type='text/css'/>",
+    "scripts": "<script src='/public/article-d41d8cd9.js' type='text/javascript'></script>"
+  },
+  "main": {
+    "styles": "<link href='/public/main-41e43699.css' media='screen' rel='stylesheet' type='text/css'/>",
+    "scripts": "<script src='/public/main-d41d8cd9.js' type='text/javascript'></script>"
+  }
+}

examples/full/gulpfile.js

@@ -0,0 +1,21 @@
+var gulp = require('gulp'),
+  rimraf = require('gulp-rimraf'),
+  bundle = require('../../index');
+
+gulp.task('bundle', ['clean'], function () {
+
+  process.env.NODE_ENV = 'production'; // hardcode to always run in production mode
+
+  return gulp.src('./bundle.config.js')
+    .pipe(bundle())
+    .pipe(bundle.results({
+      dest: './',
+      pathPrefix: '/public/'
+    }))
+    .pipe(gulp.dest('./public'));
+});
+
+gulp.task('clean', function () {
+  return gulp.src('./public', { read: false })
+    .pipe(rimraf());
+});

examples/full/js/app.js

@@ -0,0 +1 @@
+//placeholder

examples/full/js/controllers.js

@@ -0,0 +1 @@
+//placeholder

examples/full/js/directives.js

@@ -0,0 +1 @@
+//placeholder

examples/full/js/filters.js

@@ -0,0 +1 @@
+//placeholder

examples/full/lib/article/page.js

@@ -0,0 +1 @@
+//placeholder

examples/full/lib/article/scroll.js

@@ -0,0 +1 @@
+//placeholder

examples/full/lib/article/styles/page.less

@@ -0,0 +1,3 @@
+.page {
+  background-color: red;
+}

examples/full/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "full",
+  "version": "0.0.0",
+  "description": "",
+  "main": "bundle.config.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "gulp": "^3.8.6",
+    "gulp-rimraf": "^0.1.0"
+  }
+}