Skip to content
A rollup plugin for async-define, a simple amd runner
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore first commit Feb 13, 2017
LICENSE first commit Feb 13, 2017
README.md first commit Feb 13, 2017
index.js bump async-define, removed nom-release Nov 25, 2018
package-lock.json 1.0.1 Nov 25, 2018
package.json 1.0.1 Nov 25, 2018

README.md

rollup-plugin-async-define

This plugin wraps your bundle using async-define.

Async-define is a simple AMD module runner that executes dependencies in the right order (https://github.com/tes/async-define).

How to use it

You build your bundle declaring your external dependencies:

import ad from 'rollup-plugin-async-define';

export default {
  moduleId: 'modulename', // optional module name
  external: ['react', 'react-dom'], // dependencies
  paths: {
    react: 'react15.3',
    'react-dom': 'reactDom15.3',
  },
  plugins: [ad()],
};

You can easily bundle your dependencies like this:

import react from 'react';
import reactDom from 'react-dom';
import asyncDefine from 'async-define';
asyncDefine('react15.3', function () {
  return react;
});
asyncDefine('reactDom15.3', function () {
  return reactDom;
});

Then you can load the bundle containing react and react-dom (common.js) and your main bundle asynchronously. Async-define will take care of executing them in the right order.

<script async src="common.js" ></script>
<script async src="main.js" ></script>
You can’t perform that action at this time.