摘要: 通过使用插件和配置插件的参数。 1. 打包速度分析 首先通过speed-measure-webpack-plugin分析打包的各个插件和loader的耗时。然后具体问题,具体分析。 按照插件 使用时该插件需要将整个配置对象包裹 2 启动js压缩插件的并行和缓存配置 webpack中对js进行压缩的插 阅读全文
posted @ 2019-12-14 18:23 Lyra李 阅读(1996) 评论(0) 推荐(0) 编辑
摘要: webpack打包的体积越小,对于部署应用的网站来说,性能越好,加载速度越快。 1. 分析打包文件 1. 生成统计信息文件 首先需要通过webpack命令生成统计信息的文件。在package.json的脚本中添加命令 上面的命令会在根目录下生成一个stats.json的打包统计信息文件。 2. 可视 阅读全文
posted @ 2019-12-14 18:21 Lyra李 阅读(1296) 评论(0) 推荐(0) 编辑
摘要: 随着项目的增大,项目运行速度会越来越慢,导致影响开发进度。需要提升开发时代码的运行速度。 1. ScopeHoisting作用域提升 该插件在production模式下默认开启。development下需要手动启动。 1 .使用条件 和TreeShaking一样,必须使用ES6的模块,使用impor 阅读全文
posted @ 2019-12-14 17:36 Lyra李 阅读(560) 评论(0) 推荐(0) 编辑