# esbuild-vue-sfc

**Repository Path**: yuekcc/esbuild-vue-sfc

## Basic Information

- **Project Name**: esbuild-vue-sfc
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: WTFPL
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-03-28
- **Last Updated**: 2022-06-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# build-vue-sfc

用 esbuild 构建 vue2.0 项目

## 目标

- [x] 支持处理 .vue 文件
    - 不支持 scoped 样式
    - ts/js
    - template 处理
- [ ] postcss 支持

## 原理

.vue 文件 -> vue-template-compiler -> SFCDescriptor

SFCDescriptor 内部有 .vue 文件的各个块，主要是 script、template、style。style 可能包含多个块。

SFCDescriptor -> 写出为四个文件：

- 入口（.js）
- script 文件（.js）
- 样式（.css）
- template 文件（通过 vue-template-compiler#compileTemplate 转换为 render 函数，本质已经是 js 文件）

最后就是使用 esbuild 的默认 loader 进行 bundle 处理

## LICENSE

WTFPL