{"tag":{"followersCount":1073,"id":"56744722958ef13879b95055","logo":"https://res.cloudinary.com/hashnode/image/upload/v1457865805/st9hz4f5ufmpxhizmfpk.jpg","name":"webpack","postsCount":557,"slug":"webpack","tagline":null,"info":{"html":"

webpack is a module bundler. It takes modules with dependencies and generates static assets representing those modules. Some of its specialities include : Code Splitting, Loaders, Clever parsing and Rich Plugin system. - Webpack website

\n","__typename":"Content"},"trending":{"edges":[{"node":{"id":"60a2ccdb3ef3832fdd0fa03c","_id":"60a2ccdb3ef3832fdd0fa03c","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1621281990429/hfnWD6M1z.png","__typename":"PostCoverImage"},"slug":"create-an-npm-package-easily-in-javascript-typescript","readTime":11,"replyCount":5,"responseCount":5,"brief":"Hello good people! In this article, we're going to create an npm package step by step. By the end of this article you will be able to:\n\nBuild your own package\nUse it on other projects\nPublish it on npm\n[Bonus] Publish your TypeScript types with your ...","subtitle":"","isFeatured":true,"contributors":[{"_id":"5f46a01aa639932bd830f982","name":"Andrew Baisden","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671044451262/Quo5x4UFy.png","username":"andrewbaisden","__typename":"User"},{"_id":"5f754b60b48bd01f31660b91","name":"Rodrigo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1602797323336/WI2804Ks9.jpeg","username":"rodrigomd","__typename":"User"},{"_id":"601398ef2e1296101bd58b0c","name":"Piyush Garg","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1611897073066/RUlPbbPsA.jpeg","username":"piyushgarg","__typename":"User"},{"_id":"6037753315c9f056ec69c06f","name":"Kieran Roberts jkbasjkbfbjaksbfjbjasbfjbdsjkfb","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648982484183/u96vN6Cq7.png","username":"kieran6roberts","__typename":"User"}],"bookmarked":false,"views":1689,"url":"https://tarek-jellali.hashnode.net/create-an-npm-package-easily-in-javascript-typescript","totalReactions":155,"title":"Create an npm package easily in JavaScript/TypeScript","dateAdded":"2021-05-17T20:06:51.254Z","cuid":"ckot1g6bk01i3gds17m602np9","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"6053fa638899a615727e661a","name":"Tarek Jellali","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1616277211343/M2i0IPuSY.jpeg","isPro":false,"username":"tarek-jellali","__typename":"User"},"series":null,"tags":[{"_id":"56744723958ef13879b95322","logo":"https://res.cloudinary.com/hashnode/image/upload/v1460372304/ovff2sszokeskrwdfjjv.png","name":"npm","slug":"npm","__typename":"Tag"},{"_id":"56744723958ef13879b9533c","logo":null,"name":"package","slug":"package","__typename":"Tag"},{"_id":"56744723958ef13879b954e0","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607081795383/tEjUv8e8s.png","name":"TypeScript","slug":"typescript","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744722958ef13879b95055","logo":"https://res.cloudinary.com/hashnode/image/upload/v1457865805/st9hz4f5ufmpxhizmfpk.jpg","name":"webpack","slug":"webpack","__typename":"Tag"}],"publication":{"_id":"6055b92f5f8d5121697267a4","url":"https://tarek-jellali.hashnode.net","canonicalURL":"https://tarek-jellali.hashnode.net","title":"TAREK'S /DEV/LOG","displayTitle":"Tarek's /dev/log","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1616279007246/K03LxOQ50.png","headerColor":"#101ca7","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"tarek-jellali","domain":{"host":"blog.tarekjellali.com","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"60a4015059b7dc409c3d22e9","author":{"_id":"5f133dd0a1826244e3d83237","name":"Deactivated User","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659089761812/fsOct5gl6.png","isPro":false,"username":"","__typename":"User"},"content":{"html":"

Awesome Article!, I did code along until it was time to deploy to npm. I didn't want to do that.

Thanks for sharing though, it's good knowing how packages are made.

\n","markdown":"Awesome Article!, I did code along until it was time to deploy to npm. I didn't want to do that.\n\nThanks for sharing though, it's good knowing how packages are made.","text":"Awesome Article!, I did code along until it was time to deploy to npm. I didn't want to do that.\nThanks for sharing though, it's good knowing how packages are made.\n","__typename":"Content"},"dateAdded":"2021-05-18T18:02:56.747Z","stamp":"ckoucgodm006brgs1f6mi77k5","totalReactions":1,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"627a80bf199297a9505d4083","_id":"627a80bf199297a9505d4083","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1652195432688/Gl2FFM6NR.png","__typename":"PostCoverImage"},"slug":"javascript-module-bundlers-demystified","readTime":9,"replyCount":1,"responseCount":1,"brief":"JavaScript Module bundlers are somewhat of a black box for most web developers. they are the cornerstones of building modern web applications. There are many of them out there these days, being the most popular ones Webpack, Rollup, Parcel, Snowpack ...","subtitle":"","isFeatured":false,"contributors":[{"_id":"612b8c962858872661b9b555","name":"Kaushal Joshi","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675572621752/2m_KAgQtf.png","username":"clumsycoder","__typename":"User"}],"bookmarked":false,"views":1574,"url":"https://nathgoutam93.hashnode.net/javascript-module-bundlers-demystified","totalReactions":109,"title":"JavaScript Module Bundlers Demystified","dateAdded":"2022-05-10T15:11:59.967Z","cuid":"cl30ajyjb0074exnv0w569l24","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"61ce1c6db9f0453f6d320bfd","name":"Goutam Nath","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1661517022703/1OOOSfGBO.png","isPro":false,"username":"nathgoutam93","__typename":"User"},"series":null,"tags":[{"_id":"625d874457bc36111520217f","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1650297013694/Kk54rpAUh.png","name":"THW Web Apps","slug":"thw-web-apps","__typename":"Tag"},{"_id":"56744722958ef13879b94f1b","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450469658/vdxecajl3uwbprclsctm.jpg","name":"Web Development","slug":"web-development","__typename":"Tag"},{"_id":"56cbdab9b70682283f9edeae","logo":null,"name":"javascript modules","slug":"javascript-modules","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744722958ef13879b95055","logo":"https://res.cloudinary.com/hashnode/image/upload/v1457865805/st9hz4f5ufmpxhizmfpk.jpg","name":"webpack","slug":"webpack","__typename":"Tag"}],"publication":{"_id":"6212c4219ae0e67b657b927f","url":"https://nathgoutam93.hashnode.net","canonicalURL":"https://nathgoutam93.hashnode.net","title":"Goutam's Blogs","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"nathgoutam93","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"627bc2dc983a4ab69ce9d588","author":{"_id":"612b8c962858872661b9b555","name":"Kaushal Joshi","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675572621752/2m_KAgQtf.png","isPro":false,"username":"clumsycoder","__typename":"User"},"content":{"html":"

Interesting read, Goutam Nath. Thanks for sharing!

Your article is very neat and has a great flow from start to end.

\n","markdown":"Interesting read, @[Goutam Nath](@nathgoutam93). Thanks for sharing!\n\nYour article is very neat and has a great flow from start to end.","text":"Interesting read, Goutam Nath. Thanks for sharing!\nYour article is very neat and has a great flow from start to end.\n","__typename":"Content"},"dateAdded":"2022-05-11T14:06:20.249Z","stamp":"cl31nncyf02q31hnva9zs63wf","totalReactions":1,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"},{"node":{"id":"62ba5e713f3c29d7326514a5","_id":"62ba5e713f3c29d7326514a5","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656381012128/3RoO-2d6I.png","__typename":"PostCoverImage"},"slug":"nodejs-serverless-graphql","readTime":9,"replyCount":2,"responseCount":2,"brief":"There are a lot of ways of developing the backend of an application.\nHere I will be mainly talking about how to setup a Lambda based Apollo GraphQL API.In the end I will also talk about some alternative solutions, so you can choose the one that fits ...","subtitle":"","isFeatured":true,"contributors":[{"_id":"5cfc9c295a98e48a278fe27f","name":"Idris Lawal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1588570773500/PL8Pc497Z.jpeg","username":"idris-lawal","__typename":"User"},{"_id":"64358f1cfefbae6a6f563e5b","name":"Yagnesh Virani","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1681231646831/3cb33070-24f5-4ca6-8fbd-cca486416348.png","username":"MrOnline","__typename":"User"}],"bookmarked":false,"views":1193,"url":"https://ravisouza.hashnode.net/nodejs-serverless-graphql","totalReactions":99,"title":"Deploying a GraphQL API to Lambda with Serverless Framework, Apollo and TypeScript","dateAdded":"2022-06-28T01:50:41.590Z","cuid":"cl4xii7m702ze6gnv2kcqfwi4","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","author":{"_id":"625c870556e9d1067f60151c","name":"Ravi","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1650231047195/E0QYD6LW9.jpeg","isPro":false,"username":"ravi-perfectbase","__typename":"User"},"series":null,"tags":[{"_id":"56744723958ef13879b9555c","logo":"https://res.cloudinary.com/hashnode/image/upload/v1475235506/qbofja8kwx8cw8nuyaqg.jpg","name":"GraphQL","slug":"graphql","__typename":"Tag"},{"_id":"56744723958ef13879b954e0","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607081795383/tEjUv8e8s.png","name":"TypeScript","slug":"typescript","__typename":"Tag"},{"_id":"57c7ea36e53060955aa8c0c0","logo":null,"name":"aws lambda","slug":"aws-lambda","__typename":"Tag"},{"_id":"6298dfbfc9d0c9130286ebea","logo":null,"name":"serverless framework","slug":"serverless-framework","__typename":"Tag"},{"_id":"56744722958ef13879b95055","logo":"https://res.cloudinary.com/hashnode/image/upload/v1457865805/st9hz4f5ufmpxhizmfpk.jpg","name":"webpack","slug":"webpack","__typename":"Tag"}],"publication":{"_id":"625c8730740c26066de64f6f","url":"https://ravisouza.hashnode.net","canonicalURL":"https://ravisouza.hashnode.net","title":"Ravi","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"ravisouza","domain":{"host":"blog.perfect-base.com","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"62bfa82dccecfb25bbc71d7d","author":{"_id":"5cfc9c295a98e48a278fe27f","name":"Idris Lawal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1588570773500/PL8Pc497Z.jpeg","isPro":false,"username":"idris-lawal","__typename":"User"},"content":{"html":"

Great article Ravi, keep them coming!

\n","markdown":"Great article Ravi, keep them coming!","text":"Great article Ravi, keep them coming!\n","__typename":"Content"},"dateAdded":"2022-07-02T02:06:37.172Z","stamp":"cl538u3cj01n1ownvf1dy30li","totalReactions":0,"__typename":"Comment"},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":true,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"}},"__typename":"PostEdge"}],"__typename":"FeedPostConnection"},"__typename":"Tag"}}

Create an npm package easily in JavaScript/TypeScript

JavaScript Module Bundlers Demystified

Deploying a GraphQL API to Lambda with Serverless Framework, Apollo and TypeScript

Webpacker to jsbundling-rails migration

Optimizing the build process using Webpack

Beginner's Guide to Tree-Shaking in JavaScript😇

A Guide to Creating a React and TypeScript Project Using Webpack

Beginner's guide for Webpack

Setting up a Production-Ready Webpack-ReactJS Configuration for Your Project

Webpack just got an update, and it's fast. Intro to Rspack and migration.

Module Federation in Production: architecture, development workflow, and deployments

Advanced Webpack

React setup without create-react-app