Как изменить точку входа на что-то другое, кроме «src/main.js» по умолчанию, используя Vite?

avatar
user3350744
1 июля 2021 в 20:19
1575
2
2

Я хочу указать другое место и имя файла и отклониться от стандарта 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')
}

Не работает. Есть предложения?

Источник

Ответы (2)

avatar
tony19
27 сентября 2021 в 04:50
2

Начиная с Vite 2, файл записи указан в теге <script> в index.html:

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

Вы можете изменить этот файл на нужный:

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

демо

avatar
flydev
6 июля 2021 в 09:36
1

Используйте resolve из модуля path и добавьте псевдоним в конфигурацию 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.