博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webapck 速度优化策略
阅读量:4325 次
发布时间:2019-06-06

本文共 453 字,大约阅读时间需要 1 分钟。

一、概述

1、使用高版本Webpack

2、多进程/多实例构建

3、分包

4、缓存

5、缩小构建目标

二、多进程/多实例构建

(1)happypack

happypack:

(2)uglifyjs-webpack-plugin

三、分包

思路(1):将react、react-dom基础包通过cdn引入,不打入bundle中

方法:使用html-webpack-externals-plugin

思路(2)将react、react-dom、redux、react-redux基础包和业务基础包打包成一个文件。

方法:使用DLLPlugin进行分包, DllReferencePlugin对manifest.json引用。

四、缓存

使用HardSourceWebpackPlugin 或者cache-loader

五、缩小构建目标

比如 babel-loader 不解析 node_modules

 

转载于:https://www.cnblogs.com/mengfangui/p/10284082.html

你可能感兴趣的文章
今天解决了首页无头像被显示的问题
查看>>
charts 画折线图
查看>>
[py]__name__ 属于哪个文件
查看>>
技术分析淘宝的超卖宝贝
查看>>
i++和++1
查看>>
react.js
查看>>
实验四【bx】和loop的使用
查看>>
P1313 计算系数
查看>>
myBatis之入门示例
查看>>
tensorflow 变量共享
查看>>
NSString的长度比较方法(一)
查看>>
初识JavaScript
查看>>
Azure云服务托管恶意软件
查看>>
My安卓知识6--关于把项目从androidstudio工程转成eclipse工程并导成jar包
查看>>
旧的起点(开园说明)
查看>>
Testing your Xamarin app on Android device
查看>>
丢失控制文件恢复实验记录--4(在线日志文件没有损坏,归档日志丢失,直接重建控制文件(跟踪控制文件trace是旧的情况))...
查看>>
生产订单“生产线别”带入生产入库单
查看>>
crontab导致磁盘空间满问题的解决
查看>>
java基础 第十一章(多态、抽象类、接口、包装类、String)
查看>>