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

webpackx

v0.0.1-alpha.11

Published

This project came up with a concept that we have `babel-node` and other similar clis, but why not take advantage of webpack and it's multiple options and compile your source code, and run it? Yeah, that is the idea of webpackx.

Downloads

22

Readme

Webpackx

This project came up with a concept that we have babel-node and other similar clis, but why not take advantage of webpack and it's multiple options and compile your source code, and run it? Yeah, that is the idea of webpackx.

This still at an alpha stage, it has few bugs which are being hard to fix for now, but i need feedback from the users to be able to add more features to it.

Getting started

Pre requisites

  • Have a babel config file
  • Have everything you need to run babel
  • have installed @babel/core

Install

npm install webpackx @babel/core

yarn add -D webpackx @babel/core

Options

	--nodeExternals 			enables webpack-node-externals

If you have a webpack config anywhere on your folder, it is going to grab it, merge with our default config, with no need for you to do anything.

Running

webpackx <file you want to transpile and run>

For e.g:

webpackx ./index.tsx

It is going to compile your file and run it's result.

Example and use cases

Well, if you were to start developing a node script where you are using typescript, or babel with a proposal that is not already implemented, for example optional chaining. You would need to use babel-node or ts-node to be able to run on node those scripts, or bunch of scripts.

Why cant we take advantage of webpack powerful tree shaking, bundling and few other features and merge everything together on a easy way? That is why webpackx started.

Given for example, you created your server using typescript. You would do the following to start it on node:

webpackx ./app.ts 

This will trigger a webpack build, compile it and execute on node!

Next steps

It is on an alpha stage, for now you need to install @babel/core as well, but we are working to fix it.

[ ] Add possibility to change webpack config/update