代码是最简单的 hello world ,typescript 写的,然后用 gulp 编译打包为 bundle.js 。
class Main extends React.Component{
public render(){
return (
<div>
<p>hello world</p>
</div>
)
}
}
ReactDOM.render(
<Main></Main>,
document.getElementById("root")
);
打包后 bundle.js 的体积:
| 没有 uglify | uglify | |
|---|---|---|
| NODE_ENV=development | 1100KB | 398KB |
| NODE_ENV=production | -- | 132KB |
打包后的 bundle.js ,即使在生产环境,配合 gulp-uglify 插件,仍然有 132KB 的体积。 但我观察到,react.production.min.js 的体积,只有 10KB 左右。react 的 runtime 还不到 1KB 。
那为什么 bundle.js 体积这么大呢?大家遇到过吗?
求助大家,我不知道该怎么查这个问题。我看到 webpack 好像有一个分析包体积的工具,gulp 没见到有。