Parcel打包器应用经验分享

在大型项目中使用parcel打包工具后的心得,与踩过的坑。

优点:

1. 正如官网所说的

快速,零配置的 Web 应用程序打包器

事实确实这样,parcel比webpack更加轻量级,项目中用到的任何关于sass、less、图片、路径、及各种解析都是零配置,拿来即用型。

只需要在package.json中引入对应的parcel、parcel-bundler,然后根据官网提示配置即可。

"scripts": {
    "start": "parcel index.html -p 8000",
    "build": "parcel build index.html -d build --public-url ./",
    "format": "prettier --write '**/*.{tsx,ts,css,md}'"
}

2. 打包速度确实比webpack要快,但是测试环境启动速度亲测,windows下具慢(或许是装的依赖太多),但mac下却秒开。

3.所有的包依赖都不用配置大大减少了学习成本与时间。

测试环境运行:yarn start

产线环境运行:yarn build

 

缺点:

1. 如果移动端项目,且需要兼容很多android及ios设备及android的各种手机版本,五花八门都有严格要求,不太建议使用parcel,因为parcel目前用的人不是太多,遇到问题解决方案甚少,GitHub的parcel-issues中也很难找到对应的解决方案。

2. 我遇到的问题:通过parcel打包的文件,在android个别手机上显示白屏,如果换个打包工具,如webpack此问题就会消除。

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值