JSFiddle - React, Tailwind, and code Playground

by noahua

HTML

<script src="https://a.alipayobjects.com/??seajs/1.3.1/sea.js,seajs/1.3.1/plugin-combo.js,jquery/jquery/1.7.2/jquery.js"></script>
<script>
    seajs.config({
      base: 'https://a.alipayobjects.com'
    });
    
</script>

JavaScript

/* pig.js */
define('pig', function(require, exports, module) {
    var Class = require('arale/class/1.1.0/class');

    var Pig = Class.create({
        initialize: function(name) {
            this.name = name;
        },

        talk: function() {
            alert('我是' + this.name);
        }
    });

    module.exports = Pig;
});


/* red-pig.js */
define('red-pig', function(require, exports, module) {
    var Pig = require('./pig');

    var RedPig = Pig.extend({
        initialize: function(name) {
            RedPig.superclass.initialize.call(this, name);
        },

        color: '红色'
    });

    module.exports = RedPig;
});


/* flyable.js */
define('flyable', function(require, exports, module) {
    exports.fly = function() {
        console.log('我飞起来了');
    };
});


/* flyable-red-pig.js */
define('flyable-red-pig', function(require, exports, module) {
    var RedPig = require('./red-pig');
    var Flyable = require('./flyable');

    var FlyableRedPig = RedPig.extend({
        Implements: Flyable,

        initialize: function(name) {
            FlyableRedPig.superclass.initialize.call(this, name);
        }
    });

    module.exports = FlyableRedPig;
});

seajs.use('flyable-red-pig', function(FRP){
    var pighero = new FRP();
    pighero.fly()
})