Add uglifyjs-webpack-plugin to create-react-app using react-app-rewired
[![npm version][npm-image]][npm-url]
[![npm downloads][downloads-image]][downloads-url]
create-react-app doesn't support tree-shaking because it uses webpack's builtin uglifyjs plugin. This library will replace it with uglifyjs-webpack-plugin and enable tree shaking to your cra project!
``bash`
$ yarn add react-app-rewire-uglifyjs --dev
or
$ npm install --only=dev react-app-rewire-uglifyjs
1. Rewire your app
2. modify config-overrides.js
`javascript
const rewireUglifyjs = require('react-app-rewire-uglifyjs');
/ config-overrides.js /
module.exports = function override(config, env) {
config = rewireUglifyjs(config);
return config;
}
``
[npm-image]: https://img.shields.io/npm/v/react-app-rewire-uglifyjs.svg
[npm-url]: https://npmjs.org/package/react-app-rewire-uglifyjs
[downloads-image]: https://img.shields.io/npm/dm/react-app-rewire-uglifyjs.svg
[downloads-url]: https://npmjs.org/package/react-app-rewire-uglifyjs