问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

请问 vite 如何将 html 中的%title% 替换成 package.json 中的参数？

头像头饰
radiorz
    17638139

    out-of-box 而不是插件的方式
    插件可以使用 vite-plugin-html

    前端
    阅读 1.9k
    1 个回答
    得票最新
    头像
    乔治
      13.1k1429

      你先安装vite-plugin-html，然后在 Vite 配置文件中的自定义配置就行了，你参考一下：

      import { defineConfig } from 'vite';
import { readFileSync } from 'fs';
import { resolve } from 'path';
import html from 'vite-plugin-html';

// 读取 package.json 文件内容
const packageJson = JSON.parse(
  readFileSync(resolve(__dirname, 'package.json'), 'utf-8')
);

// 导出 Vite 配置对象
export default defineConfig({
  plugins: [
    html({
      inject: {
        injectData: {
          title: packageJson.title || packageJson.name,
        },
      },
    }),
  ],
});

      index.html

      <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%= __APP_TITLE__ %></title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/src/main.js"></script>
  </body>
</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题