如何使用 Vite 将入口点更改为默认的“src/main.js”之外的其他内容？

Question

我想指向不同的位置和文件名并偏离Vite标准。

假设我的js文件位于out/frontend/../../out.js. 当我将其重命名main.js并将其复制到我的项目的根目录中时，我index.html就开始工作了vite.config.js。但我更愿意以某种方式改变入口点......

我试过这个：

rollupInputOptions: {
  // or whatever your entry file is
  input: resolve(__dirname, 'out/frontend/my/path/out.js')
}

不工作。有什么建议么？

Answer 1

<script>从 Vite 2 开始，入口文件在以下标签中指定index.html：

<script type="module" src="/src/main.js"></script>

您可以将该文件更改为您想要的文件：

<script type="module" src="/out/frontend/my/path/out.js"></script>

演示

Answer 2

使用resolvefrom pathmodule 并在配置中添加别名vite.config.js来解析路径，检查。

import { resolve } from 'path'

module.exports = {
  ...
  resolve: {
    alias: {
      '@': resolve(__dirname, '../out/'), // resolve path
    },
  },
  rollupInputOptions: {
    input: resolve(__dirname, '../out/entrypoint.js') // custom main
  }
}

• 要从解析路径导入模块，请使用'@'，例如：import { myModule } from '@/mymodule'
• 您必须调整文件中新入口点的路径index.html。