Optimize adjacent static parts+fields
还没有人认领这个 Issue。
评估
- 难度
- 5/5
- 预计耗时
- 一周以上
- 新手友好度
- 35/100
- Issue 类型
- 功能
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- babel, javascript
调研方向
从链接的 Tagged Templates gist 和 babel-plugin-transform-jsx-to-htm 入口点开始。比较为字面量字段和嵌套数组展示的当前输出与优化后输出；当插件为两个示例都生成所要求的优化后输出时，即表示完成。
由索引模型根据 Issue 内容生成。
描述
I've been toying around with optimizing Tagged Templates by merging literal field values (strings, numbers and booleans) into their adjacent static part and collapsing the adjacent static parts into a single part:
// input:
<div class={"foo"}>hello</div>
<button id={1} />
// current output:
html`<div class=${"foo"}>hello</div>`
html `<button id=${1} />`
// optimized output:
html`<div class="foo">`
html`<button id=1 />`
It'd be really neat to get this behavior into babel-plugin-transform-jsx-to-htm, since additional assumptions could be made about nested Arrays:
const color = 'red';
// input:
<style jsx>{`
.foo { color: ${color}; }
`}</style>
// current output:
html`
<style jsx>${`
.foo { color: ${color}; }
`}</style>
`
// optimized output:
html`
<style jsx>
.foo { color: ${color}; }
</style>
`
Thoughts?
- 主要语言
- JavaScript
- 星标
- 9k
- 派生
- 181
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
developit/htm 的其他 Issue
-
Sarthak 未关闭
难度 5/5 一周以上 新手友好度 1/100
-
Tugas 未关闭
难度 5/5 一周以上 新手友好度 10/100
-
Tugas 未关闭
难度 5/5 一周以上 新手友好度 1/100
-
难度 5/5 一周以上 新手友好度 20/100
-
难度 2/5 1-3 小时 新手友好度 35/100
相似的 Issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
georgestephanis/p2026#40 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·