CRA Webpack 依赖优化

Question

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

import _ from 'lodash'

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

Answer 1

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

但是您应该只导入工作所需的内容：https://webpack.js.org/guides/tree-shaking/

Answer 2

对于在

2021 年跌跌撞撞来到这里的人，创建-反应-应用程序在使用时也会摇树import * as _ from 'lodash