如何使用webpack

时间:2017-12-09 13:20:47

标签: reactjs webpack-2 code-splitting

我是webpack的新手,有一些问题,在阅读完文档后我仍然不清楚。

  1. 如果我们定义多个入口点块,我们是否需要在index.html中使用脚本标记声明所有这些块并在站点加载时加载它们? 有没有办法加载入口点块运行时而不是网站加载?

  2. 说,我有2个输入块:供应商和索引。作为代码拆分的一部分,app(索引块)是使用react路由进一步分割的代码。但是,我看到了2个问题

    • 我仍然看到一些反应组件存在于多个块中(例如,1.js和4.js)。我想将它们分成一个共同的块。我尝试使用CommonChunksPlugin和以下代码,但我仍然没有看到它发生。
  3. new webpack.optimize.CommonsChunkPlugin({ name: ['index'], minChunks: 2, }),

    如何确保所有代码拆分块都是唯一的,并且没有共同的React组件?

    • 在主index.js条目块中,我看到一些我认为不需要在网站加载时加载的代码。

    如何在不定义单独的反应路径的情况下将各个反应组件分离到子块并动态加载?

    了解这两个问题的任何帮助/示例都将非常有用。

    提前致谢。

0 个答案:

没有答案