极速零配置Web应用打包工具-Parcel了解

约定不等于承诺〃 2022-03-09 05:56 179阅读 0赞

### 极速零配置Web应用打包工具-Parcel了解 ###

*   *  打包编译速度对比
     *  简单介绍
     *  \[快速开始\](https://parceljs.org/getting\_started.html)
     *  相关链接

*  某一天突然看到一个图。[原文地址—从项目的 GitHub 星星数看 2018 年 JavaScript 生态圈  
    ][GitHub _ 2018 _ JavaScript _]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]
 *  so 本着强烈的好奇感了解了一下parcel

## 打包编译速度对比 ##

<table> 
 <thead> 
  <tr> 
   <th>Bundler</th> 
   <th>Time</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>browserify</td> 
   <td>22.98s</td> 
  </tr> 
  <tr> 
   <td>webpack</td> 
   <td>20.71s</td> 
  </tr> 
  <tr> 
   <td><strong>parcel</strong></td> 
   <td><strong>9.98s</strong></td> 
  </tr> 
  <tr> 
   <td><strong>parcel - with cache</strong></td> 
   <td><strong>2.64s</strong></td> 
  </tr> 
 </tbody> 
</table>

## 简单介绍 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70 1]

## [快速开始][Link 1] ##

## 相关链接 ##

1.  [掘金-Parcel介绍][-Parcel]
2.  [parceljs官网][parceljs]
3.  [parcel github地址][parcel github]
4.  [如何评价0配置的web打包器parcel？][0_web_parcel]

持续补充中。。。

[GitHub _ 2018 _ JavaScript _]: https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650842306&idx=1&sn=7a6fc13f76fbe22fdfef5e8aea340d17&chksm=80d38fabb7a406bd63a4c0d935f1828c36e581d88edf04005e36372930ddccd74731cb072c17&scene=0&subscene=131&clicktime=1552374623&ascene=7&devicetype=android-28&version=27000334&nettype=WIFI&abtest_cookie=BAABAAoACwASABMABQAjlx4AVpkeAMqZHgDRmR4A3JkeAAAA&lang=en&pass_ticket=GYgzADCT%2BaqzIAYGJNw36JA0G%2FORoxcixXEmPREqT0j%2BQyl2Cifp1dyLyWOMIjCi&wx_header=1
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]: /images/20220309/33b585009ac04fafa940f65e25f76647.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70 1]: /images/20220309/3c6599e0ef2e403c9ee697e29cdcf5b6.png
[Link 1]: https://parceljs.org/getting_started.html
[-Parcel]: https://juejin.im/post/5a28ea566fb9a0450909664c
[parceljs]: https://parceljs.org/
[parcel github]: https://github.com/parcel-bundler/parcel
[0_web_parcel]: https://www.zhihu.com/question/263676981