React+redux+router项目压缩之后500K

#1

请问这正常吗，只是一个电影APP，调取豆瓣公共接口。



里面用了jquery…没有用webpack的按需加载。请问有没有优化的方案。请各问大神不吝赐教，谢谢。

#2

把jQuery去掉就是很好的优化方案

#3

正解啊

  • 移动端就不要用jQuery了

  • 尝试webpack按需加载require.ensure

  • 分离出vendor的不怎么变动的代码，利于缓存

#4

用axios 吧。 感觉比react 没必要用jquery 了。

#5

不正常。
我的项目是React/React-Router/Relay/Material-UI，再加上其它的，压缩后一共才不到300KB。
使用code split后，一次最多需要210KB。
几个关键的地方：
1、
new webpack.DefinePlugin({
‘process.env.NODE_ENV’: JSON.stringify(‘production’)
})
2、https://github.com/babel/babel-preset-env)
3、webpack -p

我用的是webpack2.2
等过几天它在npm不是beta了，我写篇文章来介绍一下如何配置。