在大型项目中使用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此问题就会消除。