npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@axetroy/libpack

v0.6.5

Published

Build your library without tears.

Downloads

23

Readme

libpack

Greenkeeper badge Build Status Dependency License Prettier Node npm version

CLI tool for quickly build your library with zero configuration.

Support:

  • [x] es2015/es2016/es2017/es2018...
  • [x] Flow
  • [x] Typescript
  • [x] React
  • [x] Vue

Installation

npm install @axetroy/libpack -g

Usage

$ libpack --help

   libpack 0.5.2 - Build your library without tears.

   USAGE

     libpack <entry> <output>

   ARGUMENTS

     <entry>       Entry file path      required      default: "./index.js"
     <output>      Output dir path      required      default: "./build/"  

   OPTIONS

     --cwd <cwd>                          Current work dir                                                                              optional
     -w, --watch                          Watch the file change                                                                         optional      default: false
     --server                             Server the file                                                                               optional      default: false
     --target <target>                    Build target, https://webpack.js.org/concepts/targets/                                        optional      default: "web"
     --prepack                            Prepack the Javascript with facebook/prepack                                                  optional      default: false
     --library <library>                  Output library name, default your package.json name field                                     optional
     --libraryTarget <libraryTarget>      Output library target, https://webpack.js.org/configuration/output/#output-librarytarget      optional      default: "umd"
     --externals <externals>              Externals library, eg. "--externals react,react-dom"                                          optional      default: []

   GLOBAL OPTIONS

     -h, --help         Display help
     -V, --version      Display version
     --no-color         Disable colors
     --quiet            Quiet mode - only displays warn and error messages
     -v, --verbose      Verbose mode - will also output debug messages

API

const libpack = require("@axetroy/libpack");

libpack({
  cwd: process.cwd(),
  watch: false,
  entry: "./index.js",
  output: "./build",
  prepack: false,
  library: "my-library-name",
  libraryTarget: "umd",
  externals: [],
  target: "web",
  server: false
})
  .then(function() {
    console.log("build success...");
  })
  .catch(function(err) {
    console.error(err);
  });

Example

libpack ./index.js ./build
libpack ./index.jsx ./build
libpack ./index.ts ./build
libpack ./index.tsx ./build
libpack ./index.vue ./build

Contributing

git clone https://github.com/axetroy/libpack.git
cd ./libpack
npm i
npm test

You can flow Contribute Guide

Contributors

| Axetroy💻 🔌 ⚠️ 🐛 🎨 | | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |

License

The MIT License