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此问题就会消除。