ecmascript-toolkit is a JavaScript library for using the latest webpack configs / plugins with babel 7, esdocs and analytics.
Learn ecmascript-toolkit today.
ecmascript-toolkit is designed to be used with a rendering library.
Simply install the library and start creating UI!
- Add ecmascript-toolkit to a Website as a
<script>tag in one minute. - Import ecmascript-toolkit module (soon) if you're looking to incorporate in a more powerful toolchain.
You can use ecmascript-toolkit as a <script> tag locally, or as a ecmascript-toolkit package on npm.
Using ecmascript-toolkit as a centralized point for your microforontend can help increase interoperability and decrease overall management of critical systems throughout your 'microfrontend' system.
const master = require('ecmascript-toolkit/webpack.config.js');
const merge = require('webpack-merge');
module.exports = merge(
master,
yourConfig
);This repo, in conjunction with 'feature' based repos should be setup in a CI environment with tagging allowing devs to easily switch between new updates and old minimizing friction when developing the application.
With ecmascript-toolkit, your bundles are already optimized and will export both an ES6 and ES5 bundle: etk, and etk.legacy respectively.
<!-- Browsers know *not* to load this file -->
<script async type="module" src="etk.js"></script>
<!-- Older browsers load this file -->
<script nomodule src="etk.legacy.js"></script>
<!-- executed after HTML is parsed -->
<script type="module">
console.info('js module');
</script>
<!-- executed immediately -->
<script>
console.info('standard module');
</script>ES6 bundle provides an optimized webpack output which will support modern browsers with features like classes and async/await.
Vanilla ES6
only need to import to access libraries
coming soonN/A
ecmascript-toolkit is MIT licensed.