Next.js: 使用 Chrome Dev Tools Coverage 的 app.js 中约 50% 未使用的字节
—
当然是在生产中。
—
除了 CSS（第一次使用styled-jsx并且需要改进共享样式设计或使用类似styletron ）——我是否误解了自动代码拆分功能？
为了给出一些上下文，我使用 HOC 来包装每个页面，并且我传递了不一定被每个页面使用的方法和道具。 另外：我可能在这里和那里粗心了一些进口； 我使用当前导入所有 Firebase 的re-base （在我的用例中不需要）。
我是否可能将 webpack 的automatic code splitting与static analysis and tree shaking a là rollup 混合在一起？ 如果是这样，
Next 应该执行 tree-shaking 和死代码消除吗？
如果没有，您对如何处理和解决这个问题有什么建议吗？ Chrome Dev Tools 覆盖结果还不能简单地导出，因此我不确定如何使用缩小的输出识别未使用的代码路径和导入。
使用像webpack-rollup-loader这样的东西是否可行并且有意义？
这是否可以改进已经很棒的 Next 工作方式？
谢谢！
ghost
所有3条评论
我认为这是因为 webpack 如何处理 tree-shaking。
它需要 ES2015 模块。 我希望 React 不会提供这个，这就是为什么会这样。
但我想在这里进行实验。 欢迎任何想法/改进。
arunoda
于 2017-04-06
可能与webpack#2867 有关？
ghost
于 2017-04-06
从该线程链接，这里显然是一个实用程序，用于测试在 Webpack 中是否正确发生树摇晃：
https://github.com/halt-hammerzeit/es6-tree-shaking-test
sedubois
于 2017-04-06
👍2
🎉1
此页面是否有帮助？
0 / 5 - 0 等级
相关问题
Timer
·
60评论
nickredmark
·
60评论
timneutkens
·
72评论
ematipico
·
66评论
acanimal
·
74评论
最有用的评论
从该线程链接，这里显然是一个实用程序，用于测试在 Webpack 中是否正确发生树摇晃：
https://github.com/halt-hammerzeit/es6-tree-shaking-test