JSFiddle - React, Tailwind, and code Playground

by maciejgurban

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.11.1/lodash.js"></script>
<div ng-app="myApp">
  <foo></foo>
</div>

JavaScript

var wrap = document.createElement('script');
wrap.id = 'xy';
var s = document.createElement('script');
s.src = 'https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js';
s.onload = () => {
  const ng1 = _.cloneDeep(window.angular);
  delete window.angular;
  window.angular = ng1;
  console.log(window.angular);
  runApp(ng1);
}
wrap.appendChild(s);
document.body.appendChild(wrap);

const runApp = angular => {
  angular.module('myApp', []).
  	component('foo', {template: 'hello'});
}