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

@qiqi1996/qi-rollup-dev

v1.3.0

Published

Useful presets and tools for rollup.

Downloads

3

Readme

Qi Rollup Dev

Provide useful preset configs and tool functions for rollup, just like a start-up template but with more controllability. The main goal of this project is reduce the time for design development environment.

NOTICE: This project is experimental, use at your own risk if you'd like use it for production purpose.

Features

  • ~~Out of the box of preset configs covered for most common useage of rollup.~~ (Only library development by now.)

Todo

  • Add preset for typescript

Useage

This project didn't have complicated functions, so I'm just going to provide some example code.

Case 1 - Node library

Only 5 lines of core code to create a framework for NodeJS library development.

const QiRollupDev = require("@qiqi1996/qi-rollup-dev");

// Create instance and provide basic info of project.
var dev = new QiRollupDev({ name: "LibraryName", input: "/path/to/entry.js", output: "/path/to/output.js" });

// Add output config for `rollup` that can output two type of modules(CommonJS & ESModules).
// It will generate 3 files at last, which are `output.js(CommonJS, cause it's the first argument)`, `output.cjs.js(CommonJS)`, `output.esm.js(ESModule)`.
dev.presets.formats("cjs", "esm");

// You can check(or modify) the final config of rollup by this:
// dev.config.plugins = [ babel(), strip(), ... ]
// console.log(dev.config);

// Auto rebuild when code changed. For `evt` object, see: http://rollupjs.org/guide/en/#rollupwatch
dev.watch({ callback: (evt) => { "Do something..." } });

// Bundle up the whole project.
dev.build();

More Cases

See example code Go→

License

MIT

Copyright 2019(c), qiqi1996.com. All right reserved.