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



@kopcapuk

Использую 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".


Решения вопроса 0


Ответы на вопрос 1



@Jeesson

// 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'
    }
  }
})

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *