2024-11-05CDN 引入只有在 build 打包出来的才是 CDN 引入，本地开发走的还是 NPM 本地包引入， 所以先使用 NPM 方式引入。注意事项：element-plus 不能在 vite.config.js 中使用按需加载，需要在 main.js 中全局引入；，依赖变为 CDN 引入，外部的 js 文件和 css 文件集成到 index.html 中。_vue3 把指定库通过cdn引入,并在打包配置中排除

https://www.qianduange.cn//article/19966.html 分类：前端知识

2024-10-291.更改http://localhost:3000/到8080与Network路由访问（server对象为新增，其余的都是源代码）或者一步到位通过附加的命令行选项直接指定项目名称和你想要使用的模板（根据自己npm版本来选择不同的命令行）（2）修改vite.config.ts配置文件代码，（resolve对象为新增，其余都是源代码）（1）在src目录下新建router文件夹，在router里创建index.ts文件。4.安装css 预处理器 sass。（1）在main.ts引入。（1）在main.ts引入。_vite安装vue3

https://www.qianduange.cn//article/19530.html 分类：前端知识

2024-10-29在 Vite 项目中，CSS 的加载与处理是默认支持的。Vite 支持PostCSSSassLess等预处理器，并且自动将.css文件模块化处理。同时，你也可以通过配置来定制更复杂的需求，例如 CSS 的自动导入、样式变量的全局定义等。Vite 的 CSS 配置主要在文件中进行，具体的 CSS 配置项都放置在css对象中。Vite 使用esbuild作为默认的 CSS 压缩工具，你可以通过build: {你还可以通过配置css.minify来更细粒度地控制 CSS 的压缩行为。_vite css

https://www.qianduange.cn//article/19409.html 分类：前端知识

2024-10-29出现 failed to load config from D\...\...vite.config.js 错误，通常意味着 Vite 无法正确加载配置文件。这可能是由于配置文件的路径、语法错误或依赖项缺失导致的问题_failed to load config from

https://www.qianduange.cn//article/19408.html 分类：前端知识

2024-09-01文章讨论了如何处理在非TypeScript文件中使用类型注释的错误，建议将文件转换为.ts格式。另外，针对process.isNotDefined的错误，提到了在vite.config.ts中添加define配置，模拟process.env来解决缺失的环境变量问题。

https://www.qianduange.cn//article/17460.html 分类：前端知识

2024-08-19本文介绍了如何在Vue3 Vite项目中使用unplugin-vue-components来自动化全局引入SVG组件，包括安装步骤、vite.config.js的配置以及注意事项，使得组件管理更加便捷。

https://www.qianduange.cn//article/16203.html 分类：前端知识

2024-08-18当浏览器发出一个请求时，只要请求URL的协议、域名、端口三者之间任意一个与当前页面URL不同，就称为跨域。跨域一般出现在开发阶段,由于线上环境前端代码被打包成了静态资源,因而不会出现跨域问题,这篇文章主要给大家介绍了关于Vue3配置vite.config.js解决跨域问题的相关资料

https://www.qianduange.cn//article/15918.html 分类：前端知识

2024-08-101.新建.env.development文件和.env.production文件。在vite.config.ts文件中不能直接使用import.meta.env。在vite.config.ts文件中添加跨域。经过自己测试发现只能是VITE开头的变量名。_ssgoptions

https://www.qianduange.cn//article/15171.html 分类：前端知识

2024-07-24因此经常切换vite.congig.js中的proxy后端代理链接，是挺麻烦的。于是我研究如何能快速切换后端URL，所幸懒人有懒福，我找到了Inquirer 和 fs，实现执行 npm start 可直接切换vite.config.js中proxy的代理URL，然后直接启动项目。

https://www.qianduange.cn//article/14289.html 分类：前端知识

2024-07-20开发的vue3 json editor，支持全屏编辑，有完善的事件回调，可以在失去焦点时，对编辑器内容做校验。注：本项目中，按钮样式、成功失败提示，使用了 Ant-Design-Vue，按需安装插件。1. 安装插件 @originjs/vite-plugin-commonjs。四. 关于：vue3 ts无法渲染，报错。2. vite.config.js 内。五. 完整项目代码_json-editor-vue3

https://www.qianduange.cn//article/14027.html 分类：前端知识