性能优化
5篇文章 · 0订阅
  • 使用 Webpack 的 DllPlugin 提升项目构建速度
    本文介绍了 Webpack 中 DllPlugin 插件的使用，以及配合使用 AddAssetHtmlPlugin 将构建好的 JS 文件插入到 html 页面中。 DLLPlugin 就是将包含大量复用模块且不会频繁更新的库进行编译，只需要编译一次，编译完成后存在指定的文件（…
    Webpack
  • webpack编译速度提升之DllPlugin
    DllPlugin结合DllRefrencePlugin插件的运用，对将要产出的bundle文件进行拆解打包，可以很彻底地加快webpack的打包速度，从而在开发过程中极大地缩减构建时间。 结论先行：使用DllPlugin和DllRefrencePlugin进行构建，可以缩减5…
    JavaScript 前端 Webpack
  • webpack 之 babel-loader 中 cache 实现原理
    在即将到来的 webpack5 中加入了持久缓存，官方宣传能将 16000 个模块组成的应用打包时间减少 98%， 可参考 Sean Larkin 演讲地址。不过 webpack5 还没正式发布，周边生态很多还没有跟上，如果你现在贸然升级 webpack5 的话，或许只会得到一…
    前端
  • 如何通过性能优化，将包的体积压缩了62.7%
    今天前同事找到我，向我请教了一个性能优化的问题，我简单的跟他回答了一下例如组件懒加载、路由懒加载、开启gzip、公共的第三方包上cdn、还有基础的雅虎53条军规一条条排查等等......
    性能优化 Vue.js 面试
    如何通过性能优化，将包的体积压缩了62.7%
  • 使用 happypack 提升 Webpack 项目构建速度
    本文简单介绍了 Happypack 的简单使用，不了解的同学可以进来看一看。也许会有所帮助。 在使用 Webpack 对项目进行构建时，会对大量文件进行解析和处理。当文件数量变多之后，Webpack 构件速度就会变慢。由于运行在 Node.js 之上的 Webpack 是单线程…
    Webpack