通过iframe嵌套进去的项目,加载速度超级慢

546 阅读1分钟

安装bundle插件后从以下几点尝试优化
  1. 去掉.map文件(productionSourceMap: false)
  2. 压缩js、css文件(“compression-webpack-plugin”)    不可行,本项目统一了打包格式和文件目录,不能用压缩包。
  3. 限制chunkjs文件的数量(LimitChunkCountPlugin)。chunk多了会产生大量http请求开销,该插件通过合并具有重复模块的chunk达到限制chunk数量的目的,从而减少http请求。
  4. 配置external,防止将import的包打包到bundle中。
  5. 在根目录和路由文件目录下的index.js文件中,移除与external配置中相关的import引入,并改为require方式引入。
  6. 在html文件中,通过CDN引入响应的js文件和css文件,减小打包体积。
  7. 在本项目中,发现style文件夹下,多个.less文件之间存在相互引用的情况
参考链接:www.ddpool.cn/article/940…