Vite 并未将所有内容捆绑在正确的文件夹中

Question

首先介绍一下我的文件系统：

我正在尝试将

client

文件夹中的捆绑文件（main.js、style.css ...）放入上面列出的

public

文件夹中，

相反，dist 文件夹会出现在

Client/

文件夹中。

这是我的 vite.config.js

import { defineConfig } from 'vite';

export default defineConfig({
  root: 'src',
  build: {
    outDir: '../../public',
  },

  entry: 'main.js',
});

我的

package.json

用于 npm run 构建脚本（之前的构建脚本是“build”：vite build src --emptyOutDir，但我必须将 index.html 拖出 src 之外，因为这是 vite 识别为 root 的内容）

{
  "name": "client",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build  --emptyOutDir",
    "preview": "vite preview"
  },
  "devDependencies": {
    "vite": "^4.4.5"
  }
}

最后是index.html（如果你需要的话，我不知道）

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles/style.css" />
    <title>Document</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="src/main.js"></script>
  </body>
</html>

我还遇到了很多其他问题，阅读了一些文档并得到了解决，但它只是不断产生更多问题。正如你可以推断这是我使用 vite 的第一个项目，我并不真正了解它的内部工作原理。我已经调试了几个小时，需要其他头脑清醒的人来解决我这个愚蠢的问题，因为我的头脑被烧毁了。

-感谢您花时间阅读本文

我尝试了很多东西，因为

npm run dev

无法正常工作，虽然它修复了现在

npm run build

已损坏......

Answer 1

我自己解决了。问题是我操..

root

目录，我已经将我的vite配置文件与我的index.html和src文件夹分开了...

无论如何，一团糟。我刚刚将我的 index.html 移动到

client/src

文件夹

像这样重新配置

package.json

：

 "dev": "vite src",
 "build": "vite build src --emptyOutDir",

和

vite.config.js

像这样：

// client/src/vite.config.js
import { defineConfig } from 'vite';

export default defineConfig({
  root: 'src',
  build: {
    outDir: '../../public',
  },

  entry: 'main.js',
});

Vite 并未将所有内容捆绑在正确的文件夹中

问题描述投票：0回答：1

1个回答

最新问题

Vite 并未将所有内容捆绑在正确的文件夹中

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1