DEV Community

Cover image for Webpack or Parcel? πŸ€” Use this CLI to bootstrap your Package with whichever you want πŸ“¦
Shahjada Talukdar for The Destro Dev Show

Posted on

Webpack or Parcel? πŸ€” Use this CLI to bootstrap your Package with whichever you want πŸ“¦

TLDR:It's like create-react-app but for building packagesπŸ“¦

npx create-awesome-package [package-name]
Enter fullscreen mode Exit fullscreen mode

This CLI helps to create the package with JavaScript/TypeScript, build system(Webpack/Parcel) and necessary stuff!

You just write your code πŸš€πŸ”₯

It’s a manual process to arrange all your boilerplate code, Webpack, Parcel or other build systems to transpile to ES5, etc. and then build your desired package.

To fix that, I have published a CLI tool, which will help us to do those things, and you will be ready to do your actual code right away.

The name of the CLI is create-awesome-package

You can find this on πŸ‘‰NPMJS https://www.npmjs.com/package/create-awesome-package

How to use

Go to your root of the package you want to build.

Then, Just run this to bootstrap your package with JS

npx create-awesome-package my-package
Enter fullscreen mode Exit fullscreen mode

Alt Text

Alt Text

and you are done! πŸ‘

Jest Testing is also integrated with it.
Just run-

npm run test
Enter fullscreen mode Exit fullscreen mode

If you want to build the package into one single file with ES5 transpilation, Just run-

npm run build
Enter fullscreen mode Exit fullscreen mode

Cheers!
πŸ‘‹

Inspired from create-react-app

Top comments (0)