解析主脚本后的Webpack 4动态导入服务器端导入供应商块

时间:2018-09-27 15:31:35

标签: javascript reactjs webpack dynamic-import

我的splitChunks配置非常简单。我唯一要添加的是将所有css组合在一起的样式块(没有它会破坏页面)

使用可加载的内容

 optimization: {
 splitChunks: {
   maxAsyncRequests: 20,
   maxInitialRequests: 20,
   cacheGroups: {
     styles: {
       name: 'styles',
       test: /\.css$/,
       chunks: 'all',
       enforce: true,
       reuseExistingChunk: true
     },
   }
 }},

enter image description here

您会看到javascript文件有两个不同的启动器。 main.js 中的脚本是共享的javascript,例如共享的供应商代码。

ex)主页〜关于〜profile.js

这些文件将在解析初始脚本后获取。

反正有没有在服务器端获取那些共享的文件?

类似的问题 Webpack 4 and react loadable does not seems to create correct chunk for server side rendering

0 个答案:

没有答案