Optimize your libraries with webpack
Using a library in your webpack project? Use these tips to make your bundle smaller!
Want to add a tip? See the contribution guide and make a pull request!
A Webpack Loader that automatically inserts react-hot-loader to your app, without any changes in your app code.
All it takes is a simple regex to indicate where your "App" Components are. This m
Showing numbers means nothing if you can't back it up. This is a joint effort between all bundlers involved to create a fair and unbiased set of benchmarks for build and size
Webpack Simple Starter
A simple webpack starter without framework (Like Vue, React, Angular, etc.). This project is inspired from vue-cli webpack project
First, install the modules that the p
Fire up a pre-configured, live reloading Webpack server that supports React, (S)CSS and files for quick demos and tutorials.
Like create-react-app, but without needing to create a new project and npm install a
CommonJS Tree Shaker plugin for WebPack
Please file an issue if anything is broken.
NOTE: webpack version 3 may be needed in order to run this.
There are vast amount of CommonJS modul
webpack plugin for analyzing how your bundle performs in a browser. This plugin is experimental and the API might change in the future. The plugin uses chrome-protocol and works with code
The quickest way to get started is to generate a Webpack stats file, and then drag and drop it into https://pinterest.github.io/bonsai/analyze.
Import Sketch files as SVG JSON data through Webpack. Inspired by @david.gilbertson's wonderful article on icons as react components.
yarn add sketch-to-svg-json-loader -
Webpack visualizer as a Neutrino preset to view where space is allocated. Outputs ./build/stats.html.
Grab the preset:
$ yarn add -D neutrino-preset-visualizer
Webpack plugin for enabling Subresource Integrity.
Subresource Integrity (SRI) is a security feature that enables browsers to verify that files they fetch (for example, from a CDN)
Note: This only works on Webpack 4, if you're still on Webpack 3 or below please use version 1.x
CDN extension for the HTML Webpack Plugin
Enhances html-webpack-plugin functionality by allowing you to specify the mo
Ext JS Dynamic Package Loader
This package is used by Ext JS applications and Sencha Cmd 6.5
Install Sencha Cmd
Download Sencha Ext JS. We recommend extracting Ext JS into a
WASM Binary Module loader for Webpack
A simple .wasm binary file loader for Webpack. Import your wasm modules directly into your bundle as Constructors which return WebAssembly.Instance. This avoids the need to use f
Use a chaining API to generate and simplify the modification of Webpack 2 and 3 configurations.
This documentation corresponds to v4 of webpack-chain.
Note: while webpac
Webpack Hot Server Middleware
Webpack Hot Server Middleware is designed to be used in conjunction with webpack-dev-middleware (and optionally webpack-hot-middleware) to hot update Webpack bundles on the server.
SVG Sprite Webpack Plugin
A webpack plugin/loader to make SVG <use>-based icon systems easy in Webpack. Creates an SVG sprite with <symbol> tags from imported SVG files, and return
Note: This is an extension p