Как настроить предварительную компиляцию шаблонов Vue?

Question

[Макс]

Использую vuejs 3 вместе со сборщиком Vite и плагином к нему @vitejs/plugin-vue.
Из чтения документаций я понял, что есть два вида сборок vue: vue.esm-bundler.js, содержащий компилятор шаблонов и vue.runtime.esm-bundler.js, без компилятора (используется по умолчанию).
Как мне настроить предварительную компиляцию шаблонов, чтобы в моём итоговом js-бандле была более легковесная vue.runtime.esm-bundler.js?
Сейчас при подключении этой сборки в консоле выводится ошибка:

runtime-core.esm-bundler.js:40 [Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

Answer 1

[Злой минон]

// vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      'vue': 'vue/dist/vue.esm-bundler.js'
    }
  }
})

Comments

[Макс]

Вы всего лишь указали алиас на бандлер с компилятором шаблонов. Мне не сложно указать полный путь при импорте Vue:

import { createApp } from 'vue/dist/vue.esm-bundler.js'

Мне нужно генерить шаблоны при сборке, а при разработке подключать версию Vue БЕЗ компилятора шаблонов.

[Злой минон]

Макс, оно так и будет работать... ты бы сначала попробовал, потом отвечал...

[Макс]

Злой минон, Я пробовал, не меняется даже хеш у файла к app.js после команды vite build. А это значит, что до объявления алиаса в конфиге и после - ничего не меняется. А итоговый бандл должен был сократиться чуть-чуть.