云川

摘要： ### 概念  当我们在使用一些第三方包的时候，势必会导包到我们自己的服务器上，会增加代码体积，同时距离你 阅读全文

摘要： ### 分包策略 由于浏览器的分包策略，静态资源名相同，就不会重新请求（可以清除浏览器缓存）。当我们稍微修改业务代码，就会重新打包文件，但是一些第三方包其实是没有修改的，他们也一起被打包进一个文件了，所以需要分包。 **看个示例：** 咱们引入lodash，然后main.js中写入一点逻辑。 ``` 阅读全文

摘要： ### 概述 - 开发时构建速度优化 - 首屏渲染优化 - js逻辑优化 - css优化 - 生产构建优化 ### 开发时构建速度优化 ![image](https://img2023.cnblogs.com/blog/2615695/202307/2615695-20230717212259478 阅读全文

摘要： ### 异步组件 #### 什么是异步组件 在Vue中，当我们注册全局或局部组件时，它们都是同步地被“立即解析并加载”的。这意味着在我们的程序初始化时，所有组件都会通过网络被下载到内存中，并且在内存中占用一定的资源。预加载所有组件会将页面的初始加载时间和性能降低，尤其是在移动设备上。为了避免这种情况 阅读全文

摘要： ### 介绍​ 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例： ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的 阅读全文

摘要： ### 前置知识 #### vite中的Glob 导入 Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块 `const modules = import.meta.glob('./dir/*.js')` 以上将会被转译为下面的样子： ``` // vite 生成 阅读全文

摘要： ### 插件是什么？  ### vite常用插件 **vite-aliases** 帮忙生成@别名 ![i 阅读全文

摘要： ### postcss用处 - 语法降级 - 前缀补全 - 编译less，scss等文件  ### 安装 阅读全文

摘要： ### 前言 当你首次启动 vite 时，Vite 在本地加载你的站点之前预构建了项目依赖。默认情况下，它是自动且透明地完成的。 ``` import _ from 'loadsh' export const count = 999 ``` 为什么能找到loadsh？vite在处理过程中，如果看到了 阅读全文

摘要： ### 构建工具是什么  ### 构建工具作用 ![image](https://img2023.cnb 阅读全文