如何优化webpack/es6开销？

Question

我一直在优化我的应用程序的加载时间,并在优化我的代码快速获胜后,我注意到似乎有一个500毫秒长的初始化阶段,其中所有需要的语句似乎都得到解决,或者其他什么.

这可以优化,如何？

我正在使用webpack,做出反应并结合几十个npm包.结果文件解压缩为2.8M,压缩约900k.应用程序本身没有大量的代码,主要是npm包.

我想知道我是否可以以不同方式编译,以避免所有需求和实时不实时.

更新:我目前正在使用带重复数据删除插件的生产版本.

Answer 1

您可以做的一件事是使用devTool 配置并更改生成源映射的方式。这应该会加快速度，但会牺牲调试的便利性。

Webpack 实际上有一个关于如何优化性能的很棒的小指南http://webpack.github.io/docs/build-performance.html。

基本上，它归结为您认为需要多少调试信息。

通过设置

{
  devtool: "#source-map"
}

您保留原始代码，这显然是最容易调试的，但这是以文件大小/构建时间为代价的。

更新： 根据下面克里斯的评论，这是另一个指南