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

Issue 種別

feature

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

3

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

half day

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

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.