Add Vue SFC support

Description

<template>
	<div>{{ count }}</div>
</template>

<aot>
// pre-evaluate at build time
module.exports = () => ({
  count: 0
})
</aot>

{
  resourceQuery: /blockType=aot/,
  loader: 'aot-loader/vue'
}

Guide contributeur

Stack technique

vuejavascriptnodejs

Domaine

build systemtoolingfrontend

Type d'issue

feature

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

3

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

half day

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

stale

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

mostly clear

Prérequis

Vue.js basicsWebpack loader knowledge

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

40

Direction de recherche

Examine the existing loader implementation in the repository (likely index.js). Understand how it currently processes JavaScript modules. Then, create a Vue SFC parser that extracts the <aot> block and processes it similar to the existing logic. The webpack config example in the issue shows a rule for resourceQuery: /blockType=aot/ and using aot loader/vue. This suggests a separate loader entry point for Vue. Implement the vue specific loader that handles .vue files. Look at how other loaders (e.g., vue loader) parse SFCs for reference.