安装网站模板,网站制作网站优化,巩义旅游网站设计公司,知名设计公司有哪些随着项目体积增大#xff0c;打包的文件体积会越来越大#xff0c;需要优化#xff0c;原因无非就是引入的第三方插件比较大导致#xff0c;下面我们先介绍如何分析各个文件占用体积的大小。
1.webpack-bundle-analyzer插件
如果是webpack作为打包工具的项目可以使用打包的文件体积会越来越大需要优化原因无非就是引入的第三方插件比较大导致下面我们先介绍如何分析各个文件占用体积的大小。
1.webpack-bundle-analyzer插件
如果是webpack作为打包工具的项目可以使用在react中我们可以修改config-overrides.js
const BundleAnalyzerPlugin require(webpack-bundle-analyzer).BundleAnalyzerPlugin;
module.exports function override(config, env) {config.plugins.push(new BundleAnalyzerPlugin());return config;
};
重新运行项目会自动跑起来占用8888端口。 2.优化
现在去分析下那个插件哪个插件打包体积比较大可以尝试使用外部cdn引入。。。。
后续待验证。
