kmassada · February 20, 2016 02:47
diff --git a/Angular-Typescript.md b/Angular-Typescript.md
diff --git a/bower.json b/bower.json
 	"overrides": {
 		"bootstrap": {
 			"main": [
     "dist/js/bootstrap.js",
     "dist/css/bootstrap.min.css",
     "less/bootstrap.less"
   ]
 		},
 		"font-awesome": {
 			"main": [
      "less/font-awesome.less",
      "css/font-awesome.min.css",
      "scss/font-awesome.scss"
   ]
 		}
 	},
diff --git a/gulpfile.js b/gulpfile.js
 var gulp = require('gulp');

 gulp.task('inject', function() {
  var wiredep = require('wiredep').stream;
  var inject = require('gulp-inject');

  var injectSrc = gulp.src(['./public/css/*.css', './public/js/*.js'],
  {read: false});
  var injectOptions = {
    ignorePath: 'public',
  };

  var injectAngularSrc = gulp.src('./public/modules/**/*.js',
  {read: false});
  var injectAngularOptions = {
    ignorePath: 'public',
    name: 'angular',
  };

  // Define where bowerjson options for wiredep
  var options = {
    bowerJson: require('./bower.json'),
    directory: './public/lib',
    ignorePath: '../../public/',
  };

  return gulp.src('./public/*.html')
      .pipe(inject(injectAngularSrc,injectAngularOptions))
      .pipe(inject(injectSrc,injectOptions))
      .pipe(wiredep(options))
      .pipe(gulp.dest('./public'));
 });
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html ng-app="nuProject">
  <head>
    <meta charset="utf-8">
    <title>Angular Typescript</title>
    <!-- bower:css -->
    <!-- endbower -->

    <!-- inject:css -->
    <!-- endinject -->

    <!-- inject:js -->
    <!-- endinject -->
  </head>
  <body>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <div class="navbar-brand">Test Project</div>
            </div>
        </div>
    </nav>
    <div class="container">
      <ng-view></ng-view>
    </div>

    <!-- bower:js -->
    <!-- endbower -->

    <!-- angular:js -->
    <!-- endinject -->

  </body>
 </html>
diff --git a/tsconfig.json b/tsconfig.json
 {
 	"compilerOptions": {
 		"target": "ES5",
 		"outDir": "./public/modules"
 	}
 }
	"overrides": {
	"bootstrap": {
	"main": [
	"dist/js/bootstrap.js",
	"dist/css/bootstrap.min.css",
	"less/bootstrap.less"
	]
	},
	"font-awesome": {
	"main": [
	"less/font-awesome.less",
	"css/font-awesome.min.css",
	"scss/font-awesome.scss"
	]
	}
	},
	var gulp = require('gulp');

	gulp.task('inject', function() {
	var wiredep = require('wiredep').stream;
	var inject = require('gulp-inject');

	var injectSrc = gulp.src(['./public/css/.css', './public/js/.js'],
	{read: false});
	var injectOptions = {
	ignorePath: 'public',
	};

	var injectAngularSrc = gulp.src('./public/modules/*/.js',
	{read: false});
	var injectAngularOptions = {
	ignorePath: 'public',
	name: 'angular',
	};

	// Define where bowerjson options for wiredep
	var options = {
	bowerJson: require('./bower.json'),
	directory: './public/lib',
	ignorePath: '../../public/',
	};

	return gulp.src('./public/*.html')
	.pipe(inject(injectAngularSrc,injectAngularOptions))
	.pipe(inject(injectSrc,injectOptions))
	.pipe(wiredep(options))
	.pipe(gulp.dest('./public'));
	});
	<!DOCTYPE html>
	<html ng-app="nuProject">
	<head>
	<meta charset="utf-8">
	<title>Angular Typescript</title>
	<!-- bower:css -->
	<!-- endbower -->

	<!-- inject:css -->
	<!-- endinject -->

	<!-- inject:js -->
	<!-- endinject -->
	</head>
	<body>
	<nav class="navbar navbar-default">
	<div class="container-fluid">
	<div class="navbar-header">
	<div class="navbar-brand">Test Project</div>
	</div>
	</div>
	</nav>
	<div class="container">
	<ng-view></ng-view>
	</div>

	<!-- bower:js -->
	<!-- endbower -->

	<!-- angular:js -->
	<!-- endinject -->

	</body>
	</html>
	{
	"compilerOptions": {
	"target": "ES5",
	"outDir": "./public/modules"
	}
	}