Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
@clarivate/angular-templatecache-webpack-plugin
Advanced tools
Readme
Speed up your AngularJS app by automatically combining, concatenating, registering and caching your AngularJS HTML templates in the
$templateCache
.
Install | Usage | Options and Defaults | License
Laravel
user, check out this laravel mix package :warning: npm i --save angular-templatecache-webpack-plugin
yarn add angular-templatecache-webpack-plugin
This webpack plugin will combine all your angular .html
templates and save to dist/templates.js (default filename). Just add the plugin to your webpack
config as follows:
webpack.config.js
const AngularTemplateCacheWebpackPlugin = require('angular-templatecache-webpack-plugin');
module.exports = {
plugins: [
new AngularTemplateCacheWebpackPlugin({
source: 'templates/**/*.html'
/**
* See options and defaults below for more details
*/
})
]
}
This will generate a file dist/templates.js
containing the following:
:information_source: Sample output (prettified).
angular.module("templates").run([$templateCache,
function($templateCache) {
$templateCache.put("template-file-01.html",
// content of template-file-01.html (escaped)
);
$templateCache.put("template-file-02.html",
// content of template-file-02.html (escaped)
);
// etc...
}
]);
Include this file in your app and AngularJS will use the $templateCache when available.
:information_source: This plugin will NOT create a new AngularJS module by default, but use a module called
templates
. If you want to create a new module, setoptions.standalone
totrue
.
Name | Type | Default | Description |
---|---|---|---|
source | {String} | undefined | Your html templates path/folder. You can also use glob patterns to use multiple files. |
outputFilename | {String} | 'dist/templates.js' | The path/filename.js where the output file should be saved. |
root | {String} | undefined | Prefix for template URLs. |
module | {String} | 'templates' | Name of the existing AngularJS module. |
standalone | {Boolean} | false | Create a new AngularJS module, instead of using an existing one. |
escapeOptions | {Object} | {} | An object with jsesc-options. See jsesc for more information. |
templateHeader | {String} | *See below | Override template header. |
templateBody | {String} | *See below | Override template body. |
templateFooter | {String} | *See below | Override template footer. |
templateHeader:
'angular.module("<%= module %>"<%= standalone %>).run(["$templateCache", function($templateCache) {'
templateBody:
'$templateCache.put("<%= url %>","<%= contents %>");'
templateFooter:
'}]);'
FAQs
Webpack plugin that concatenates and registers AngularJS templates in the $templateCache.
We found that @clarivate/angular-templatecache-webpack-plugin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).