官方文档：https://github.com/umijs/babel-plugin-import#usage组件库按需加载原理分析-掘金组件库按需加载： 组件库以组件为基本单位产出js、css、less文件，借助插件或者部分引入的写法，使得项目代码或babel编译后的代码中只包含使用到的组件的js、css、less等。  webpack懒加载：webpack将源码中的import、require引入的文件编译之后再根据动态加载语法配置（通常以页面路由为基本单位）将较大的代码拆分并构建出较小的chunk包，应用在运行时执行到相应业务逻辑时才去加载执行对应chunk代码。webpack懒加载主

配置vue.config.js文件constisProd=process.env.NODE_ENV==='production'module.exports={//其他配置chainWebpack:config=>{//生产环境下使用CDNif(isProd){config.plugin('html').tap(args=>{args[0].cdn=assetsCDNreturnargs})}},//生产环境下替换路径为cdn路径publicPath:isProd?process.env.VUE_APP_PUBLIC_PATH_PROD:process.env.VUE_APP_PUBLIC_P

目录初始项目组成1.创建项目1.1下载项目依赖1.2项目自动启动1.3src别名设置vite.config.ts配置文件tsconfig.json配置若新创项目ts提示1.4运行测试2.清除默认样式2.1样式清除代码下载2.2src下创建公共样式文件夹`style`2.3main.js中引入样式2.4安装`sass`解析插件2.5运行测试3.Router-路由插件4.UI(Element-Plus)5.Axios5.1安装5.2简单配置axios5.3测试api接口6.pinia-状态管理6.1pinia文件6.2测试组件初始项目组成框架：Vue3打包构建工具：Vite网络请求：Axios状态

目录一、构建项目二、安装eslint和prettier的依赖三、修改.eslintrc.cjs,创建.prettierrc.cjs1、.eslintrc.cjs文件配置2、ESlint忽略文件.eslintignore3、.prettierrc.cjs文件配置 4、prettierrc忽略配置文件.prettierignore

如上图所示，这是我解决好的，刚开始的时候爆红有这些： 我按照在网上查找的方法，一一试了。首先，maven 安装的路径和和本地仓库的目录必须要保持一致打开setting-Build,Excution,Deployment-BuildTools-Maven，将其修改一致（我还是爆红）  接着，在maven\apache-maven-3.5.4\conf下的setting.xml中，找到标签，在其中添加了阿里镜像（我自己还是爆红）alimavencentralaliyunmavenhttp://maven.aliyun.com/nexus/content/repositories/central/a

报错如下：**解决方法：**在Vscode终端输入：npminstall-gvite下载成功后即可运行npmrundev命令。

参考链接AndroidGradlePlugin与gradle对应关系插件版本所需的最低Gradle版本8.38.48.28.28.18.08.08.07.47.57.37.47.27.3.37.17.27.07.04.2.0+6.7.14.1.0+6.5+4.0.0+6.1.1+3.6.0-3.6.45.6.4+3.5.0-3.5.45.4.1+3.4.0-3.4.35.1.1+3.3.0-3.3.34.10.1+3.2.0-3.2.14.6+3.1.0+4.4+3.0.0+4.1+2.3.0+3.3+2.1.3-2.2.32.14.1-3.52.0.0-2.1.22.10-2.131.5.0

解决办法1.取消npm代理设置，执行命令npmconfigsetproxynullnpmconfigsethttps-proxynull

准备工作：首先电脑得提前完成安装如下：1.nodejs环境(node,npm):【安装指南】nodejs下载、安装与配置详细教程2. Picgo:【安装指南】图床神器之Picgo下载、安装与配置详细教程3. Typora:【安装指南】markdown神器之Typora下载、安装与无限使用详细教程工具介绍：typora:Markdown工具，写Markdown文件的神器，简洁、方便、免费PicGo:开源的图片管理工具，可以自己上传图片到各种图床CDN（内容分发网络）是一种网络架构，由于Github搭建的是国外的图床，导致访问速度很慢影响图片显示速度，所以国内也分为单线空间、多线空间和cdn加速三

前言这篇笔记是对渡一教育网课的知识点总结，源视频👉静态资源的动态访问【渡一教育】。静态资源与打包规则Vite脚手架在打包代码的时候，会把源代码里对于静态资源的访问路径转换为打包后静态资源文件的路径。主要的区别是文件指纹，即打包后的文件会带上一个hash值，用于区分不同版本的文件。文件指纹的作用：客户端会缓存文件。当前端项目更新之后，重新打包、部署，由于文件指纹的存在，客户端检测到文件名不同，则会下载新版的文件。如果没有文件指纹，且新旧版文件名一致，客户端会读缓存，而不能及时地拿到新版文件。动态访问静态资源动态访问静态资源通常导致读取不到文件，因为源代码中使用的路径是src中的，而打包之后静态资