resource-manager-js
Advanced tools
Readme
A library that imports, loads and caches CSS, JavaScript, and HTML template files (and their contents) on-the-fly in a browser.
Useful for preloading files programmatically (in background), loading and unloading scripts inside
the <head> of an html page (avoiding duplicates), or cases when you may want to keep your css, js and templates
in separate files and only want to import them into an HTML page at different times.
npm i resource-manager-js --save-dev
You can also use the dist files in the browser.
<script type="module" src="node_modules/resource-manager-js/dist/resource-manager.min.js"></script>
var cssPaths = ['path/to/css/file', 'path/to/another/css/file'];
ResourceManager.loadCss(cssPaths).then(function () {
// css files have been loaded!
});
You can load script files dynamically by calling the loadScript() method. When called, the supplied script
will be loaded into the <head> of the DOM and run immediately.
ResourceManager.loadScript('path/to/js').then(function () {
// script has been loaded!
});
The fetchData() method makes XHR/ajax requests easy.
ResourceManager.fetchData('path/to/data', {cache: true}).then(function (response) {
// response has been retrieved!
// print out the response
console.log(response);
});
Load HTML file contents into an already-existing DOM element by using the loadTemplate() method.
ResourceManager.loadTemplate('path/to/html/file', document.body).then(function () {
// html contents have been loaded into the body element
});
FAQs
Loads and caches all resources needed for a web app including css, templates, and scripts
The npm package resource-manager-js receives a total of 193 weekly downloads. As such, resource-manager-js popularity was classified as not popular.
We found that resource-manager-js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
A hospital in Mobile, Alabama, agreed to a settlement in a landmark ransomware death lawsuit, but is now reportedly reconsidering the agreement and refusing to pay.
Security News
A new report explores how advancements in LLMs are enhancing cyber threats, including polymorphic malware, personalized spearphishing, and the risk of hijacking customer service bots.
Security News
ESLint has approved an RFC that adds support for TypeScript configuration files, which is aimed at improving the developer experience and recognizing changes in the evolving JavaScript ecosystem.