打包
7篇文章 · 0订阅
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • 漫谈构建工具(五): Vite 是怎样利用 Esbuild 来提升性能的 ？
    在上一篇 为什么有人说 vite 快，有人却说 vite 慢？ 中，我们提到过开发模式下使用 Vite 会有首屏性能下降的负面效果。之所以会造成首屏性能下降，一方面是 dev server 需要完成预
    前端
  • vite + Vue3 遇到的一些问题汇总
    熟悉下vue3 文档 和 vite 文档， vsoce 编辑器安装Vue Language Features (Volar)拓展
    JavaScript Vite 前端
  • 无用代码去哪了？项目减重之 rollup 的 Tree-shaking
    从 Webpack2.x 通过插件逐步实现 tree-shaking，到最近炙手可热的 Vite 构建工具也借助了 rollup 的打包能力，众所周知 Vue 和 React 也是使用 rollup
    前端 rollup.js
    无用代码去哪了？项目减重之 rollup 的 Tree-shaking
  • 用 RollupJs 从 0 搭建一个属于自己的 vue 组件库
    Rollup是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。结合vue3搭建一个属于自己的ui库。
    Vue.js 前端
    用 RollupJs 从 0 搭建一个属于自己的 vue 组件库
  • rollup从入门到打包一个按需加载的组件库
    在上一篇文章中，我们学习了用webpack打包一个组件库。这次我们来学习怎么用rollup打包一个组件库。 rollup 是一个 JavaScript 模块打包器，在功能上要完成的事和webpack性质一样，就是将小块代码编译成大块复杂的代码，例如 library 或应用程序。…
    rollup.js
  • 前端组件/库打包利器rollup使用与配置实战
    目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。 写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构，并提供内部公有组件库和工具库供…
    JavaScript rollup.js