放在vite项目的index.html里不对，放在直接的html里也不对，试试放在

最新推荐文章于 2024-07-23 15:33:51 发布
最新推荐文章于 2024-07-23 15:33:51 发布
阅读量2k 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40945354/article/details/118392717
版权
本文探讨了在Vite构建的项目中，如何正确处理index.html的引用问题，同时也分享了在独立HTML文件中引用资源时遇到的挑战及解决办法，帮助开发者解决在不同场景下HTML引用失效的困扰。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" /
最低0.47元/天 解锁文章
hamimelon2020
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
为了让线上代码可追溯, 我开发了这个vite插件
sybh的博客
11-28 933
想在控制台输出一下前端代码的一些构建信息， 比如打包时间、打包的人, 代码分支、commit是那个，方便在控制台追溯。流水线打印构建信息插件, 可以准确的在前端控制台看到当前运行代码的构建人、构建时间、分支、最新的COMMIT信息等， 方便追溯线上代码。插件效果以上我们通过写vite插件注入打包信息， 让线上项目控制台可以追溯构建信息， 更好的排查问题。
vue3-admin商品管理后台项目(登录页开发和功能实现)
lovestar墨竹的博客
10-17 4303
vue3-admin商品管理后台项目（登录开发和功能实现）
vite-plugin-sri:一个Vite插件，可在构建时向您的index.html添加子资源完整性哈希
03-31
@ small-tech / vite-plugin-sri （SRI）插件。 在构建时，将子资源完整性哈希添加到从index.html文件导入的脚本和样式表中。 安装 npm i --save-dev @small-tech/vite-plugin-sri 采用 在您的vite.config.js文件中： import { defineConfig } from 'vite' import sri from '@small-tech/vite-plugin-sri' export default defineConfig ( { // … plugins : [ sri ( ) ] } ) 然后： npx vite build 测试与覆盖 运行npm test进行测试， npm run coverage以运行coverage。 也可以看看 如果您正在寻找一种可以完成相同
Vite环境变量不生效
drunk2的博客
05-23 3458
VITE创建项目后就有了.env.development文件了，开发环境运行时默认使用该文件，但是在项目中就是读不出值undefined，只能读出默认项。我有空也会再研究研究，这个坑踩了我很久了)搞到这一步的应该都清楚环境变量的配置了，就不多阐述了。默认只识别VITE开头的变量应该也不用多说。
如何使用vite构建一个html的项目
最新发布
zn843998601的博客
07-23 364
这就是使用Vite构建一个基于HTML的项目的基本流程。你可以在此基础上继续添加更多的功能，如样式表、脚本库、API调用等。这是你的HTML入口文件。这将在本地开发服务器上启动你的应用，通常在。Vite推荐的项目结构是将源代码放在。属性使用的是相对于根目录的路径。来启动开发服务器，或者运行。在项目根目录下创建一个。
Vite + Vue3 + Ts 解决打包生成的index.html页面 显示空白、报资源跨域、找不到资源、404-Page Not Found等错误
热门推荐
沐枫
01-04 2万+
Vite3 + Vue3 + Ts 解决打包生成的index.html页面显示空白、报资源跨域、找不到资源、404-Page Not Found等错误。 在用Vue3 + Ts进行项目开发，通过Vite进行构建打包后，直接在本地以文件系统的方式，用浏览器直接打开dist目录下的index.html文件访问时，浏览器页面显示空白、打开控制台后有报错、应该路径找不到对应的文件。
vite vue项目打包后双击index.html(file://...)无法正常浏览解决
CSDN_LuoYang的博文
09-01 2274
写一个Webview本地加html的项目，html用vite vue3写，打包后http访问没有问题，放在APP内file访问白屏报错，问题解决方法记录。
vue修改index.html无效,vue在index.html中引入静态文件不生效问题及解决方法
weixin_34199121的博客
06-04 1107
本文针对的是Vue小白，不喜勿喷，谢谢出现该问题的标志如下控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/html)出现的原因及解决办法第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static第二种可能出现的原因就是有单独的静态资源...
把内容放到vite的index.html里也对，但是是有引用的，如果把引用去掉，应该是怎样做
weixin_40945354的博客
07-01 632
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vite App&lt
vite解析 + 搭建vite-pro大型公司MIS项目实践，真香
德莱问的博客
04-23 1140
hello，大家好，我是德莱问，今天为大家带来vite解析。 最后提供一个使用vite+react+concent的一个后台项目。 写在前面的话 vite，号称是下一代前端开发和构建工具。vite的出现得益于浏览器对module的支持，利用浏览器的新特性去实现了极速的开发体验；能够极快的实现热重载(hmr). 开发模式下，利用浏览器的module支持，达到了极致的开发体验； 正式环境的编译打包，使用了首次提出tree-shaking的rollup进行构建； vite提供了很多的配置选项，包括vite本身的配
scss 导入重复执行多次_关于如何在Vue中使用scss
weixin_39761491的博客
11-21 1279
习惯了使用 scss 或 less 来编写样式，再使用 CSS 会觉得很麻烦，Vue 默认允许在 .vue文件中插入CSS，但如何在 Vue 中使用 scss 来定义样式呢？下面示例的环境是用 vue-cli 搭建、 npm 进行包管理，因此目录结构会与其他方式搭建的项目目录结构有所区别。在 Vue 中使用 Sass安装相关依赖 Vue 的 webpack 项目中需要安装上 node-sass、s...
vue修改index.html无效,webpack下在index.html使用Vue不起作用
weixin_39611049的博客
06-04 571
在不用Webpack的情况下：这个简单的例子是可以的。在浏览器上打开可以看到 "hello"Test{{ msg }}console.log('html init')new Vue({el: '#app',data: {msg: 'hello'}});然后在We码了体读理多者维满器备近，不项使数多属护bpack下，依然是一个简单的例子，就不可行了。浏览器会从"{{ msg }}"变为什么都看不到，...
修改vue中的挂载页面（index.html）的路径
weixin_30673715的博客
07-25 2520
修改vue中的挂载页面（index.html）的路径 2019年03月30日 12:07:12VegasLemon阅读数 501 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/VegasLemon/article/details/88910013 vue中的挂载页面index.html路径...
【Vite】修改构建后的 index.html 文件名
Superman_H的博客
07-10 572
在 Vite 项目中，默认构建 `index.html` 。但有时候我们需要修改 `index.html` 为其他文件名，比如 `index-{时间戳}.html` 。 我们可以这样配置 vite.config.js： ```js import { defineConfig } from 'vite'; import type { PluginOption } from 'vite'; // 自定义插件 type RenameHtmlPlugin = () => PluginOption; cons
手写vite插件之在index.html中根据不同的环境来使用不同的值
lth002的博客
04-09 634
在index.html文件中使用。
Vite - 配置 - 自动修改 index.html 中的title
northcastle的博客
11-20 5118
vite 通过配置文件的方式修改html的title
Vite配置环境变量以及动态更新html数据
weixin_51431465的博客
07-01 486
【代码】Vite配置环境变量以及动态更新html数据。
这个在不在vite中都会实现，是个index.html，所以就似乎与vite无关了
weixin_40945354的博客
07-01 560
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vite App&lt
vite.config.ts如何应用index.html的
04-23
例如，可以将index.html文件放置在项目根目录下，并在vite.config.ts中进行如下配置： ```typescript import { defineConfig } from 'vite'; export default defineConfig({ build: { index: 'index.html', }, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值