Pika project allows you to use npm module direct on the browser

twitter logo github logo ・1 min read

If you are a front-end or fullstack developer who has dealed with the complexity of nowadays bundlers like Webpack or Browserify, you will appreciate this project.

pikapkg / web

πŸ“¦ ✨ Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required.

Logo

@pika/web β€’ Install npm dependencies that run directly in the browser. No Browserify, Webpack or import maps required

Logo


npm on Dec 6, 2018 - "JavaScript in 2018 is somewhat notorious for requiring a lot of tooling to get going, which is quite a reversal from the situation in 2014... All of our survey respondents would like to see less tooling [and] less configuration required to get started."


@pika/web brings that nostalgic, 2014 simplicity to 2019 web development:

  • Simple πŸ’ͺ No bundlers required. Load modern, ESM packages natively in the browser.
  • Flexible πŸ§˜β€β™‚οΈ Handles dependency trees of any size, even ones that includes legacy Common.js packages.
  • HTTP/2 Optimized ⚑️ No more huge, cache-busting bundles. Browsers only download deps when they change.

Quickstart

npm install --save-dev @pika/web
yarn add --dev @pika/web
# 1. Run @pika/web in your project:
$ npx @pika/web
# 2. Replace all NPM package imports in your web
…

I'm looking forward to starting some pet project to try it out.

What do you think, will be the management of Javascript building tools easier in the next years?

Cover image extracted from the repository README.md

twitter logo DISCUSS (1)
markdown guide
 

This is really useful. I imagine this to be handy when starting a project and being able to quickly use native modules and npm-libs without the hassle of committing node_modules to your repo.

Build-tools already got easier recently. With non-ES-module-browsers fading away, I hope to be able to just not use webpack/parcel/etc. at some point.

Classic DEV Post from Jan 18

Sh*tpost: can we stop saying "syntactic sugar"?

What does it actually mean? you're not helping!

Juan D. Vega profile image
Always sharing, always learning. I am a software engineer, who values a good work-life balance and working with a great team making an impact product over technology.

dev.to now has dark mode.

Go to the "misc" section of your settings and select night theme ❀️