CRA Webpack 依赖优化

Question

Does Create-React-App (or Webpack used by Create-React-App) at any stage (development, staging or production) optimise your node_modules? That is, if I had an import like this:

import _ from 'lodash'

and only use the map function in my project. Would my build bundle for production have all of lodash or would it strip out all other functions and keep the ones that are being referenced in my code?

Answer 1

CRA use UglifyJsPlugin in the webpack.config.prod.js which supports dead code removal.

But you should only import what you need for this to work: https://webpack.js.org/guides/tree-shaking/

Answer 2

对于 2021 年在这里偶然发现的任何人，当您使用import * as _ from 'lodash时，create-react-app 也会进行摇树