Simple extension to laravel elixir which generates AngularJS modules, which pre-load your HTML code into the $templateCache. This way AngularJS doesn't need to request the actual HTML files anymore.
npm install --save-dev laravel-elixir-ng-html2js
var elixir = require('laravel-elixir');
require('laravel-elixir-ng-html2js');
elixir(function(mix) {
mix.ngHtml2Js();
});
- First argument is the
src
that is used to look for your partials, default:resources/assets/partials/**/*.html
- Second argument is the location where you output
partials.js
should be palces, default:resources/assets/js/partials.js
- Third argument is config options object of ngHtml2Js, default:
{moduleName: 'partialsModule', prefix : ''}
require('angular');
require('angular-route');
require('./partials');
var app = angular.module('app', [
'ngRoute',
'partialsModule'
]);
app.config(function($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'index.html',
controller: 'mainController'
});
});
0.3.1
- Added missing
gulp-minify-html
dependancy
0.3.0
- Minify html and uglify the output JS if
--production
flag is set when running gulp
0.2.1
- Added
htm
as possible file extension for partials - Fixed bug with missing
*
that caused issue where no partials were being found
0.2.0
- Initial release