Request: Allow only a part of the library to be imported

Dependabot created a pull request to one of our repositories to update from v6 to v7, and the changes in our output were as follows (as reported by bundlesize):

 PASS  ./bundlesize/app.js: 46.65KB < maxSize 75KB gzip (same as master) 

 WARN  ./bundlesize/vendor.js: 289.01KB < maxSize 350KB gzip (5.59KB larger than master, careful!) 

 PASS  ./bundlesize/app.css: 22.66KB < maxSize 50KB gzip (same as master) 

 WARN  ./bundlesize/vendor.css: 3.97KB < maxSize 10KB gzip (864B larger than master, careful!) 

This means updating sweetalert2 resulted in 5.59KB additional JS and 864B additional CSS in our build, while we don’t use the new features. Granted this is not much on its own, but I do see this increasing over time.

Please allow us to only import a part of the codebase, so that we don’t have to include code that we’re not going to use.

[limonte]

If it works, it works 😃

The first rule of sys admins 😄 But not for JS developers, we are here to BREAK THINGS! 😈

[StephanBijzitter]

But also, just to be sure, please check that you don’t import the .all.js build of SweetAlert2 (that’s the new entry point) and the CSS file at the same time.

That’s a good point. Changing the imports makes the javascript increase go from +5.59KB to +450B, a tenth of the original change!

Now it looks like this:

import 'sweetalert2/src/sweetalert2.scss';
import sweetAlert from 'sweetalert2/dist/sweetalert2.js';

I’d prefer to take both from src, but doing that would lead to an increased javascript size again. Reason for using src would be that we can run it through our own webpack configuration, which also generates sourcemaps for node_modules.