07 2023 档案
CDN加速
摘要:### 概念  当我们在使用一些第三方包的时候,势必会导包到我们自己的服务器上,会增加代码体积,同时距离你
vite生产优化
摘要:### 分包策略 由于浏览器的分包策略,静态资源名相同,就不会重新请求(可以清除浏览器缓存)。当我们稍微修改业务代码,就会重新打包文件,但是一些第三方包其实是没有修改的,他们也一起被打包进一个文件了,所以需要分包。 **看个示例:** 咱们引入lodash,然后main.js中写入一点逻辑。 ```
性能优化前瞻
摘要:### 概述 - 开发时构建速度优化 - 首屏渲染优化 - js逻辑优化 - css优化 - 生产构建优化 ### 开发时构建速度优化  是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例: ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的
vue通用组件自动注册
摘要:### 前置知识 #### vite中的Glob 导入 Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块 `const modules = import.meta.glob('./dir/*.js')` 以上将会被转译为下面的样子: ``` // vite 生成
vite插件
摘要:### 插件是什么?  ### vite常用插件 **vite-aliases** 帮忙生成@别名  ### 安装
vite依赖预构建
摘要:### 前言 当你首次启动 vite 时,Vite 在本地加载你的站点之前预构建了项目依赖。默认情况下,它是自动且透明地完成的。 ``` import _ from 'loadsh' export const count = 999 ``` 为什么能找到loadsh?vite在处理过程中,如果看到了
vite初体验
摘要:### 构建工具是什么  ### 构建工具作用 ![image](https://img2023.cnb