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

@halberd/dynamo

v0.1.4-beta

Published

Create Killer API over Webpackv4 configuration

Downloads

6

Readme

                                                                   
 _____                                    
|  __ \                                   
| |  | |_   _ _ __   __ _ _ __ ___   ___  
| |  | | | | | '_ \ / _` | '_ ` _ \ / _ \ 
| |__| | |_| | | | | (_| | | | | | | (_) |
|_____/ \__, |_| |_|\__,_|_| |_| |_|\___/ 
         __/ |                            
        |___/                             
                                         

Killer API over Webpack Configuration

Dynamo provides a chainable API over your webpack configuration which lets you do more with your Webpack. With support for webpack4

API

addHashImports

Add Short Path for Importing Local Modules

Parameters

  • hashImportsObject Object with different Keys as Hashed Imports

Examples

new Dynamo
  .addHashImports({ Components: './src/components.js' });

Returns Dynamo returns the Dynamo with Alias added.

setOutput

Sets the Output path

Parameters

Examples

new Dynamo
  .setOutput({
    path: path.join(process.cwd(), './build'),
    filename: '[name].js',
    libraryTarget: 'commonjs2',
  });

Returns Dynamo returns the Dynamo with Output added.

setEntry

Sets the Entry Point

Parameters

  • entry Object Entry Object for Configuration

Returns Dynamo with Entry.

addCommonsChunk

Used to add a common chunk to avoid duplicate dependencies across modules

Parameters

  • chunkregex Regex Regex test for common chunk

Examples

new Dynamo
  .addCommonsChunk(/react|redux/);

Returns Dynamo with modified configurations.

extendConfiguration

Can be used to extend the Configuration

Parameters

  • configurationModifier Function Function with Configuration exposed as first Arg

Examples

new Dynamo
  .extendConfiguration(config => config.entry = ['./src/client.js']);

Returns Dynamo with modified configurations.

addGlobals

Set Global Variables across the build

Parameters

  • globals Object globals and their values, as keys and values

Examples

new Dynamo
  .addGlobals({
    __CLIENT__: true
  });

Returns Dynamo returns the Dynamo with Globals added.

addPlugins

Add Webpack Plugins to Webpack Configuration

Parameters

Examples

new Dynamo.addPlugins(new UglifyJsPlugin());

Returns Dynamo with plugin added.

setEnvironment

Set Environment Vars across the build

Parameters

  • args

checkDuplicatePackages

Show warning in case of duplicate packages

tap

Call the passed Callback fn with Dynamo instance as the first Argument

Parameters

  • fn

addBabelSupport

Adds Support for Babel Transpilation

dev

Run the Webpack Dev Server, must be started with NODE_ENV:development

build

Run the Webpack Build, must be started with NODE_ENV:production

createConfiguration

Used to create Dynamo Configuration, if you don't have webpack installed Useful for updated webpack plugins and configuration

Parameters

  • createConfigFn Function Function with first arg as Webpack

Examples

Dynamo.createConfiguration(webpack => configuration(webpack))

Returns Dynamo configurations.