Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lodash/lodash-webpack-plugin
Smaller modular Lodash builds.
https://github.com/lodash/lodash-webpack-plugin
lodash webpack
Last synced: 3 days ago
JSON representation
Smaller modular Lodash builds.
- Host: GitHub
- URL: https://github.com/lodash/lodash-webpack-plugin
- Owner: lodash
- License: other
- Archived: true
- Created: 2016-04-29T03:03:30.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-11-15T22:33:23.000Z (about 2 years ago)
- Last Synced: 2025-01-17T18:01:15.430Z (4 days ago)
- Topics: lodash, webpack
- Language: JavaScript
- Homepage:
- Size: 688 KB
- Stars: 1,190
- Watchers: 20
- Forks: 63
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# lodash-webpack-plugin
Create smaller Lodash builds by replacing [feature sets](#feature-sets) of modules
with [noop](https://lodash.com/docs#noop), [identity](https://lodash.com/docs#identity),
or simpler alternatives.
This plugin complements [babel-plugin-lodash](https://www.npmjs.com/package/babel-plugin-lodash)
by shrinking its cherry-picked builds even further!
DISCLAIMER: Using this plugin without enabling the proper feature sets may cause lodash functions to behave in unexpected ways. Methods may appear to work, however they might return incorrect results.
## Install
```shell
$ npm i --save lodash
$ npm i --save-dev lodash-webpack-plugin babel-core babel-loader babel-plugin-lodash babel-preset-env webpack
```
## Example
## Usage
###### webpack.config.js
```js
var LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
var webpack = require('webpack');
module.exports = {
'module': {
'rules': [{
'use': 'babel-loader',
'test': /\.js$/,
'exclude': /node_modules/,
'options': {
'plugins': ['lodash'],
'presets': [['env', { 'modules': false, 'targets': { 'node': 4 } }]]
}
}]
},
'plugins': [
new LodashModuleReplacementPlugin,
new webpack.optimize.UglifyJsPlugin
]
};
```
Opt-in to features with an options object:
```js
new LodashModuleReplacementPlugin({
'collections': true,
'paths': true
});
```
## Feature Sets
The following features are removed by default _(biggest savings first)_:
| Feature | Description |
|:---|:---|
| `shorthands` | Iteratee shorthands for `_.property`, `_.matches`, & `_.matchesProperty`. |
| `cloning` | Support “clone” methods & cloning source objects. |
| `currying` | Support “curry” methods. |
| `caching` | Caches for methods like `_.cloneDeep`, `_.isEqual`, & `_.uniq`. |
| `collections` | Support objects in “Collection” methods. |
| `exotics` | Support objects like buffers, maps, sets, symbols, typed arrays, etc. |
| `guards` | Guards for host objects, sparse arrays, & other edge cases. |
| `metadata` | Metadata to reduce wrapping of bound, curried, & partially applied functions.
_(requires `currying`)_ |
| `deburring` | Support deburring letters. |
| `unicode` | Support Unicode symbols. |
| `chaining` | Components to support chain sequences. |
| `memoizing` | Support `_.memoize` & memoization. |
| `coercions` | Support for coercing values to integers, numbers, & strings. |
| `flattening` | Support “flatten” methods & flattening rest arguments. |
| `paths` | Deep property path support for methods like `_.get`, `_.has`, & `_.set`. |
| `placeholders` | Argument placeholder support for “bind”, “curry”, & “partial” methods.
_(requires `currying`)_ |