kylefang/esbuild
1
0
Fork 0
mirror of https://github.com/zhigang1992/esbuild.git synced 2026-01-12 09:03:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix #61: add a logo

Browse Source
This commit is contained in:
Evan Wallace
2021-02-09 21:49:06 -08:00
parent d512014bce
commit ac542f9139
5 changed files with 66 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@@ -1,14 +1,20 @@
# esbuild
_An extremely fast JavaScript bundler_
[Website](https://esbuild.github.io/) | [Getting started](https://esbuild.github.io/getting-started/) | [Documentation](https://esbuild.github.io/api/) | [Plugins](https://esbuild.github.io/plugins/) | [FAQ](https://esbuild.github.io/faq/)
<p align="center">
<img src="./images/wordmark.svg" alt="esbuild: An extremely fast JavaScript bundler">
<br>
<a href="https://esbuild.github.io/">Website</a> |
<a href="https://esbuild.github.io/getting-started/">Getting started</a> |
<a href="https://esbuild.github.io/api/">Documentation</a> |
<a href="https://esbuild.github.io/plugins/">Plugins</a> |
<a href="https://esbuild.github.io/faq/">FAQ</a>
</p>
## Why?
Our current build tools for the web are 10-100x slower than they could be:
![](images/benchmark.png)
<p align="center">
<img src="images/benchmark.svg" alt="Bar chart with benchmark results">
</p>
The main goal of the esbuild bundler project is to bring about a new era of build tool performance, and create an easy-to-use modern bundler along the way.

BIN
images/benchmark.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

37
images/benchmark.svg Normal file
View File

@@ -0,0 +1,37 @@
<svg width="800" height="170" fill="black" font-family="sans-serif" font-size="13px" xmlns="http://www.w3.org/2000/svg">
<style>
@media (prefers-color-scheme: dark) {
#bg { fill: #0D1116; }
text { fill: #C9D1D9; }
}
</style>
<rect id="bg" width="800" height="170" fill="#FFFFFF"/>
<rect x="120" y="20" width="1" height="120" fill="#7F7F7F" fill-opacity="0.25"/>
<rect x="266.8230529069277" y="20" width="1" height="120" fill="#7F7F7F" fill-opacity="0.25"/>
<rect x="413.6461058138554" y="20" width="1" height="120" fill="#7F7F7F" fill-opacity="0.25"/>
<rect x="560.4691587207831" y="20" width="1" height="120" fill="#7F7F7F" fill-opacity="0.25"/>
<rect x="707.2922116277108" y="20" width="1" height="120" fill="#7F7F7F" fill-opacity="0.25"/>
<rect x="120" y="23" width="1.810817652518775" height="14" fill="#FFCF00"/>
<text x="112" y="30" text-anchor="end" dominant-baseline="middle" font-weight="bold">esbuild</text>
<text x="129.81081765251878" y="30" dominant-baseline="middle" font-weight="bold">0.37s</text>
<rect x="120" y="43" width="176.18766348831323" height="14" fill="#FFCF00"/>
<text x="112" y="50" text-anchor="end" dominant-baseline="middle">rollup + terser</text>
<text x="304.1876634883132" y="50" dominant-baseline="middle">36.00s</text>
<rect x="120" y="63" width="205.11180491097795" height="14" fill="#FFCF00"/>
<text x="112" y="70" text-anchor="end" dominant-baseline="middle">webpack 4</text>
<text x="333.111804910978" y="70" dominant-baseline="middle">41.91s</text>
<rect x="120" y="83" width="266.72854611425197" height="14" fill="#FFCF00"/>
<text x="112" y="90" text-anchor="end" dominant-baseline="middle">webpack 5</text>
<text x="394.72854611425197" y="90" dominant-baseline="middle">54.50s</text>
<rect x="120" y="103" width="277.54451101172896" height="14" fill="#FFCF00"/>
<text x="112" y="110" text-anchor="end" dominant-baseline="middle">parcel 2</text>
<text x="405.54451101172896" y="110" dominant-baseline="middle">56.71s</text>
<rect x="120" y="123" width="580" height="14" fill="#FFCF00"/>
<text x="112" y="130" text-anchor="end" dominant-baseline="middle">parcel 1</text>
<text x="708" y="130" dominant-baseline="middle">118.51s</text>
<text x="120" y="144" text-anchor="middle" dominant-baseline="hanging">0s</text>
<text x="266.8230529069277" y="144" text-anchor="middle" dominant-baseline="hanging">30s</text>
<text x="413.6461058138554" y="144" text-anchor="middle" dominant-baseline="hanging">60s</text>
<text x="560.4691587207831" y="144" text-anchor="middle" dominant-baseline="hanging">90s</text>
<text x="707.2922116277108" y="144" text-anchor="middle" dominant-baseline="hanging">120s</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

4
images/logo.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="100" r="100" fill="#FFCF00"/>
<path d="M47.5 52.5L95 100l-47.5 47.5m60-95L155 100l-47.5 47.5" fill="none" stroke="#191919" stroke-width="24"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 241 B

13
images/wordmark.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg width="640" height="250" fill="black" font-family="sans-serif" xmlns="http://www.w3.org/2000/svg">
<style>
@media (prefers-color-scheme: dark) {
#bg { fill: #0D1116; }
text { fill: #C9D1D9; }
}
</style>
<rect id="bg" width="640" height="250" fill="white"/>
<circle cx="125" cy="125" r="75" fill="#FFCF00"/>
<path d="M85.625 89.375L121.25 125L85.625 160.625M130.625 89.375L166.25 125L130.625 160.625" fill="none" stroke="#191919" stroke-width="18"/>
<text x="241" y="152" font-size="100" font-weight="bold">esbuild</text>
<text x="241" y="184" font-size="21" font-style="italic">An extremely fast JavaScript bundler</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 668 B