A Lingon plugin 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.
lingon-ng-html2js as a development dependency:
npm install --save-dev lingon-ng-html2js
Then, add it to your
var ngHtml2Js = require"lingon-ng-html2js";lingonpreProcessor'html'addreturn ngHtml2js;;gulpsrc"./partials/*.html"pipengHtml2JsmoduleName: "MyAwesomePartials"prefix: "/partials"pipegulpdest"./dist/partials";
The main reason to use this module would be optimization. By pre-loading the HTML files, you can spare requests and
loading time when the files are actually needed. When you are optimizing, you should do it properly. So, we should add
the following plugins:
var ngHtml2js = require"lingon-ng-html2js";var htmlmin = require"gulp-htmlmin";var uglify = require"gulp-uglify";lingonpreProcessor'html'addvar processors = ;// only run minification for build taskif lingontask == 'build'processorspushhtmlmincollapseWhitespace: trueremoveComments: true;processorspushngHtml2jsmoduleName: 'templates'base: 'source';return processors;;lingonpostProcessor'js'add// only run minification for build taskiflingontask == 'build'return uglifyoutSourceMap: true;;
The name of the generated AngularJS module. Uses the file url if omitted.
The prefix which should be prepended to the file path to generate the file url.
The prefix which should be subtracted from the file path to generate the file url.
The base directory used for resolving the relative file path to generate the file url. Falls back to regular file.base if unset.