Fabricator Assets Loading Component

While this component is designed with the BuzzingPixel Fabricator Build Process in mind, it can be used anywhere (in theory).

Asset loading is the concept of loading JavaScript or CSS resources after the page has loaded, and running a callback function once the assets have successfully loaded.

Installing

With Fabricator and NPM, simply require this library into your project and restart the Fabricator Grunt build process.

npm install fab.assets --save

If you are not using Fabricator, you will need to in some manner compile src/FAB.assets.js into your build process or put it somewhere where you can link it into your projects.

FAB.assets.load();

Method takes one argument: an object.

obj.root

Type: String

If you are loading the assets from a site other than your local site, set the root to the site.

obj.js

Type: String|Array

A string or array of strings of JavaScript to load.

obj.css

Type: String|Array

A string or array of strings of the CSS to load.

obj.failure

Type: Function

A callback function that is fired if asset(s) fail to load.

obj.success

Type: Function

A callback function that is fired when the asset(s) load successfully.

FAB.assets.load({
    root: 'https://cdn.site.com/',
    js: 'assets/js/lib/myCSS.min.js',
    css: 'assets/css/lib/myJS.min.js',
    failure: function() {
        console.log('fail');
    },
    success: function() {
        console.log('success');
    }
});

License

Copyright 2017 TJ Draper, BuzzingPixel, LLC

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.