DEV Community

Naxrul Ahmed
Naxrul Ahmed

Posted on

Makepack

Makepack logo

Makepack

MakePack is a command-line interface (CLI) tool that helps you to quickly set up, build, and manage JavaScript, TypeScript, React, and React-TypeScript libraries for use in npm projects. With just a few simple commands, you can generate your own libraries, start a development server, or build and publish your project to the npm repository.

Installation

To install MakePack globally, run the following command:

npm install -g makepack
Enter fullscreen mode Exit fullscreen mode

This will allow you to use the makepack command anywhere in your terminal.

Commands

create

The create command is used to create a new library project. It initializes the project structure, configures essential files, and sets up the environment for you to start working on your library.

Usage

makepack create
Enter fullscreen mode Exit fullscreen mode

Description

  • Creates a new library project by setting up the necessary configurations and boilerplate files.

This command will guide you through the initial setup for your library.


serve

The serve command starts a development server for your library, providing you with a live-reload environment where you can test and iterate on your library in real-time.

Usage

makepack serve [options]
Enter fullscreen mode Exit fullscreen mode

Options

  • -p, --port <number>

    Port number (optional) (default is 5000).

  • -e, --root <file>

    Root file (optional) (default is serve.jsx or serve.tsx). The entry point for your application. Specify the main JavaScript/TypeScript file to start the server.

Description

  • Starts a local development server for testing and debugging your library.

Example:

makepack serve --port 4000 --root src/index.ts
Enter fullscreen mode Exit fullscreen mode

pack

The pack command is used to build your library and optionally publish it to the npm repository. This command compiles your code into a distributable format and prepares it for sharing with others.

Usage

makepack pack [options]
Enter fullscreen mode Exit fullscreen mode

Options

  • -e, --entry <file>

    Entry file or directory (default is src/**/*.{tsx,ts,js,jsx}).

    Specify the entry file or use a glob pattern to select the files to include in your library.

  • -p, --publish

    Publish the project to the npm repository (default is false).

    Add this flag if you want to publish the library to npm after building it.

Description

  • Builds the project by compiling and bundling your library.
  • Optionally publishes the library to the npm repository.

Example:

makepack pack --entry src/index.ts --publish
Enter fullscreen mode Exit fullscreen mode

This will compile the project from src/index.ts and then publish the library to npm.


Example Workflow

  1. Create a new project:
makepack create
Enter fullscreen mode Exit fullscreen mode
  1. Start the server for development:
makepack serve --port 4000 --root index.tsx
Enter fullscreen mode Exit fullscreen mode
  1. Once you're ready to build and publish your library:
makepack pack --entry src/**/*.{tsx,ts,js,jsx} --publish
Enter fullscreen mode Exit fullscreen mode

This will build your library and publish it to npm.

🤝 Contributing

Contributions are welcome! Please check out the contribution guidelines.


📄 License

This project is licensed under the MIT License.


📞 Support

For help or suggestions, feel free to open an issue on GitHub or contact us via devnaxrul@gmail.com.

Top comments (0)