Add Vue SFC support

描述

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

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

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

貢獻者指南

技術棧

vuejavascriptnodejs

領域

build systemtoolingfrontend

議題類型

feature

難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。

3

預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。

half day

活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。

stale

清晰度議題是否清楚說明預期改動、驗收標準和下一步。

mostly clear

前置要求

Vue.js basicsWebpack loader knowledge

新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。

40

研究方向

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.