在使用webpack时，使用es6命名导入是否会减少捆绑包的大小

Question

当我使用这样的命名导入时，我需要理解

import { render } from 'react-dom'

webpack包中是否只包含渲染方法或整个模块，特别是在使用树抖动时，通过在babel配置中将模块设置为false，让webpack来处理它们？

在导入react的情况下也是如此

import React from 'react'

import React, { Component, PropTypes } from 'react'

正确的方法是什么？

Answer 1

树抖动适用于可以静态分析的模块（在不运行代码的情况下获得整个依赖树）-它仅适用于ES2015模块，而不是公共JS（节点）模块。

react，react dom，截至本文撰写之时(react@15.4.x)，不作为ES2015模块发布。那么这两个-

import { render } from "react-dom";

或者

import ReactDOM from "react-dom";

将导致整个react dom包含在您的包中。这同样适用于react和其他作为CommonJS模块或UMD发布的库。