get-js

Get JS

A lightweight promise based package to load scripts on the fly.

Installation

# Using npm
$ npm install get-js --save

# Using Yarn
$ yarn add get-js

# Using Bower
$ bower install get-js --save

You'll also need a Promise polyfill for older browsers.

# Install promise polyfill.
$ npm install es6-promise

Usage

Include the package using Common JS require() or ES2015 import:

var get = require('get-js');

// ES2015+
import get from 'get-js';

Or, using <script> tags:

<script type="text/javascript" src="/path/to/get-js/dist/get.min.js"></script>

Here you go:

// Load single script
get('https://code.jquery.com/jquery-2.2.3.min.js').then(function() {
  console.log('do something');
});

// Load multiple scripts, without changing the order
get(['/js/abc.js', '/js/xyz.js'])
  .then(function() {
    console.log('do something now');
  })
  .catch(function() {
    console.log('error');
  });

Using in Angular Projects

Note: This refers to angular 1.x projects.

You can also inject this in your angular files as a $q friendly angular service.

Require the angular module using

var angularGetJs = require('get-js/angular');

Or

<script type="text/javascript" src="/path/to/get-js/dist/angular-get.min.js"></script>

Then you should be able to use it like this

// Add the module as a dependency in your app.
angular.module('app', ['angularGetJs']);

// Inject the service
angular.module('app').controller('MyController', [
  'get',
  function(get) {
    get('/some/script.js')
      .then(function() {
        console.log('do something now');
      })
      .catch(function() {
        console.log('error');
      });
  }
]);

License

This package is licensed under the MIT License.