react : code splitting

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Nyan-Workflow-FC/p/10647972.html

文章标签：

#javascript #ViewUI

本文介绍了 Webpack 的配置方法，特别是如何通过配置实现代码分割（Code Splitting），提高应用加载速度。具体包括 output 和 optimization 部分的详细设置。

1、webpack config

output: {
    ...
    chunkFilename: 'js/[name].min.js'
    ...
}

optimization: {
    splitChunks: {
           cacheGroups: {
               default: false,
               vendors: false,
               vender: {
                  name: 'vendor',
                  chunks: 'all',
                  test: /node_modules/,
                  reuseExistingChunk:true
        }
     }
 }

2、react-loadable

转载于:https://www.cnblogs.com/Nyan-Workflow-FC/p/10647972.html