CRA Webpack 依赖优化

Question

Create-React-App（或 Create-React-App 使用的 Webpack）是否在任何阶段（开发、暂存或生产）优化了您的 node_modules？也就是说，如果我有这样的导入：

import _ from 'lodash'

并且只在我的项目中使用 map 函数。我用于生产的构建包是否会包含所有 lodash 或它是否会删除所有其他功能并保留我的代码中引用的功能？

Answer 1

CRA 在支持死代码删除的 webpack.config.prod.js 中使用 UglifyJsPlugin。

但是你应该只导入你需要的东西才能工作：https://webpack.js.org/guides/tree-shaking/

Answer 2

对于 2021 年在这里偶然发现的任何人，当您使用 import * as _ from 'lodash

时，create-react-app 也会进行 tree-shaking