Generate a modularized javascript code from a global variable based javascript code
Warning!!
This is an experimental addon and should not be used in a build process. Main intention is to modularize the code in command line so that the legacy code can be convereted to common js modules.
In
var SomeClass = $.inherit(SomeParent, {
test1(){
staticReference1.test(); //static reference --> will be a require()
var dynamic1 = 33; //dynamic reference --> will remain as it is
var s = function(){
staticRef.name; //works inside contexts too
dynamic1 = 4; // this is not considered even though it is static to this scope
};
}
},{
test2(){
staticReference2.test(); //static reference
var dynamic2 = 33; //dynamic reference
}
});Out
"use strict";
var $ = require("$");
var SomeParent = require("SomeParent");
var staticReference1 = require("staticReference1");
var staticRef = require("staticRef");
var staticReference2 = require("staticReference2");
var SomeClass = $.inherit(SomeParent, {
test1: function test1() {
staticReference1.test(); //static reference --> will be a require()
var dynamic1 = 33; //dynamic reference --> will remain as it is
var s = function s() {
staticRef.name; //works inside contexts too
dynamic1 = 4; // this is not considered even though it is static to this scope
};
}
}, {
test2: function test2() {
staticReference2.test(); //static reference
var dynamic2 = 33; //dynamic reference
}
});
module.exports = SomeClass;$ npm install babel-plugin-modularize.babelrc
{
"plugins": ["modularize"]
}$ babel --plugins modularize script.jsrequire("babel-core").transform("code", {
plugins: ["modularize"]
});Apache-2.0 © Pasindu Perera
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent