React + Gulp + Babel (BLOAT)

I write React with JSX and run it through Babel for conversion and binding. When I look at the final output, I repeat this for each of the imported files.

var _createClass = (function() {...})();    
function _interopRequireDefault(obj) {...}
function _classCallCheck(instance, Constructor) {...}
function _inherits(subClass, superClass) {...}

My gulpfile and you run $ gulp jsto grab the files in app/and spit it out public/assets/js/main.min.js, which is the final build file.

But the file is huge with all these repetitive functions, how to clean it?

Is there any other build process that I have to go through? Also, how can I pull jQuery and other large libraries like this and use them from CDN?

+4
source share

All Articles