美文网首页
打包工具 Parcel

打包工具 Parcel

作者: KK_boy | 来源:发表于2021-06-15 18:47 被阅读0次

Parcel

零配置的前端应用打包器

它提供了几乎傻瓜式的体验,我们只需要了解它所提供的几个简单的命令就可以直接用它来构建前端应用程序了。

安装parcel-bundler:

yarn add parcel-bundler --dev

创建打包入口文件 /src/index.html

官网建议用html文件作为打包入口(因为html是应用运行在浏览器时的入口)

运行打包:

yarn parcel src/index.html

parcel 不仅帮我们打包了应用,而且还帮我们开启了开发服务器

默认支持热更新、模块热替换的功能

自动安装依赖

支持加载其他类型的资源模块 (零配置)

Parcel 想给开发者的体验就是:想要做什么事情就去做,额外的事情就由工具去负责处理。

parcel 也支持动态导入,使用了动态导入也会拆分代码

在使用上parcel 几乎没有任何的难度,从头到尾我们只执行了一个parcel命令,其他所有的事情都是parcel内部帮我们完成的

生产模式打包:

yarn parcel build src/index.html

对于相同体量的项目打包,Parcel 会比 Webpack 快很多,因为在 Parcel 的内部是使用了多进程同时去工作,充分发挥了多核CPU的性能。在 Webpack 中也可以使用 happypack 插件来实现这一点。

Parcel 整体体现下来就一个感觉:舒服。因为它在使用上真的是太简单了,试想一下 我们之前用的 Webpack 都需要做很多额外的安装很多插件。其实在 Parcel 中也有很多这些插件,只不过它是自动帮我们安装的。

Parcel 首个版本发布于2017年,当时的 Webpack 使用上过于繁琐。

其核心特点是:完全零配置、构建速度更快

目前,绝大多数的项目还是使用 Webpack 打包,个人认为主要原因是 Webpack 有更好的生态,随着这两年的发展 Webpack 也越来越好用了。

了解 Parcel 保持对新鲜技术和工具的敏感度,从而更好的把握趋势和走向。

相关文章

  • GitHub上开源项目一

    1.Web 应用打包工具 parcel https://github.com/parcel-bundler/par...

  • 一次性推荐 GitHub上13款开源项目

    1Web 应用打包工具 parcel https://github.com/parcel-bundler/parc...

  • Parcel零配置,快速打包工具

    parcel它跟webpack一样都是打包工具,但是它比webpack好用,parcel主要是针对小型项目打包,p...

  • 从0实现react

    项目地址: 项目地地址参考地址: bilibili 1.火热的0配置的打包工具parcel 地址: parcel官...

  • 使用roolup构建你的lib

    概述 Rollup, 和 Webpack, Parcel 都是模块打包工具(module bundler tool...

  • parcel 入坑指南

    parcel 是什么 Parcel是一个web 应用打包工具, 与其他工具的区别在于开发者的使用体验。它利用多核处...

  • parcel 打包工具

    介绍 零配置 速度快 (缓存,利用多核cpu性能) js、css、html都可以成为入口 代码拆分按需加载 开发热...

  • Parcel打包工具

    一、开发环境 检查环境 node -v , npm -v pacel安装 npm install -g parce...

  • 打包工具 parcel

    创建一个项目进入目标目录使用 cd 之后创建一个目录 mkdir demo github 创建新的文件仓库使用 t...

  • 打包工具 Parcel

    Parcel 零配置的前端应用打包器 它提供了几乎傻瓜式的体验,我们只需要了解它所提供的几个简单的命令就可以直接用...

网友评论

      本文标题:打包工具 Parcel

      本文链接:https://www.haomeiwen.com/subject/mwttyltx.html