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 🙏

© 2026 – Pkg Stats / Ryan Hefner

sam-webpack-plugin

v0.2.0

Published

Webpack plugin for building minimal AWS SAM apis

Readme


Project Goal / Use Cases

  • Create the smallest lambda functions possible.
  • Create a development environment that allows for local development of lambda functions with short iteration times.
  • 100 deploys a day :boom:

Use case: Express API migration

You've been developing your express application for quite a while but are having some scalability problems. You want to convert to a serverless architecture, so you start to plan on migrating your api from express to the AWS Lambda, but you want to keep the same time tested file structure (middleware, controllers, services, etc).

The SAM-Webpack-Plugin plugin lets to slowly convert your express api into a serverless one. Strategy:

  • define your SAM/CloudFormation template to proxy all unmatched api routes to your preexisting api.
  • slowly, build up SAM endpoints using your controllers, services, and middleware functions/methods.

Getting Started

We recommend you have a solid knowledge base of the following technologies, AWS ApiGateway, CloudFormation Templates, AWS SAM applications, serverless architecture, and, of course, webpack and JavaScript / TypeScript.

Import SamWebpackPlugin into your webpack config file and add the plugin to the plugin block like so;

  {
    ...,
    plugins:[
        ...,
        new SamWebpackPlugin({
            baseTemplate: './template.json'
        })
        ...
    ]
  }

The template.json file is the base SAM/CloudFront template used for all defined lambda functions. The configuration object that SamWebpackPlugin accepts has the following shape:

/**
 * @param {String} baseTemplate -- base CF/SAM template
 * @param {Object} layer -- Hashmap of of locally defined and paths to sources
 * @param {String} output -- absolute/relative path to output directory
 * @param {Boolean} verbose -- verbose logging
 */
{
   baseTemplate: String,
   layers: { [name: String]: String },
   output: String,
   verbose: Boolean
}

Before each lambda function, we can define our SAM config with the following;

/*
@WebpackLambda({
  "Properties": {
    "Handler": "lambdaFunction.lambdaHandler",
    "Events":{
      "GetData":{
        "Type": "Api",
        "Properties": {
          "Path": "/api/v1/data",
          "Method": "get"
        }
      }
    }
  }
})WebpackLanbda@
*/

On build, FOR EACH entry having the @WebpackLambda decorator-ish style markup, the content within each @WebpackLambda(*)WebpackLanbda@ will be parsed into the baseTemplate config. Note:

  • ANY CodeUri provided within each decorate will be replaced by the plugin
  • The @WebpackLambda() must be declared within a comment block like above
  • The Config defined within each entry file will be parse into Resources.<fileName>. See the examples folder for more details.
  • No validation on the config provided occurs, the config must comply with AWS SAM AWS::SERVERLESS::FUNCTION

Working with local external packages

  • locally defined external packages can be loaded into the deployment package by using the layers option (yes this is confusing because its not lambda layers). These locally defined external files will be copied into your deployment packages node_modules file.

Limitations

  • currently the project does not support the use of Lambda Layers.

TODO

  • Add plugin JSON object verification
  • Explore decorator loader for @WebpackLambda
  • Fill out examples (create todo app api)
  • Add unit tests for action files, and test cases in a TEST_CASES.md file. This will be useful for users to understand exactly what the plugin will do.