Parcel发布才十多天,热度这么高,忍不住探索了下。
官方地址:https://parceljs.org/getting_started.html
github:https://github.com/parcel-bundler/parcel
Parcel是一个网络应用打包工具,适用于经验不同的开发者.它利用多核处理提供了极快的速度,并且不需要任何配置。相比于webpack,parcel并不需要去预先配置环境,也不用花大量的时间去阅读文档,灵活性强,打包快。
安装
新建一个package.json文件
接下来,创建一个 index.html 和 index.js 文件
Parcel 内置了一个当你改变文件能够自动重建应用的开发服务器,而且为了实现快速开发该开发服务器支持热模块替换。只需要在入口文件指出:
报错
对于这个错误,很多人似曾相识,以为是 babel 配置的问题。
但是 parcel 号称是零配置,是不需要配置 babel 的。
在 parcel 的入口文件有版本判断:
但是在 parcel 的 bin/cli.js 文件中却使用了 async 函数。
nodev7.6.0才默认支持async 函数,使用parcel node的最低版本应该>=v7.6.0
所以,使用 parcel 时还是把 nodejs 版本升级。(在此时我的node版本是6.X.X)
装个nvm
列出所有版本的node
安装v8.9.3
node已经是最新版本的了,我们来切入正题。
node更新完来继续启服务
没有报错,完美,看下localhost:1234
控制台输出:
此时看下目录结构直接生成dist文件夹、.cache
到这里基本就完成了,看起来很简单,如果是个人的小项目可以用来玩玩,如果是大的项目怕采坑还是慎重选择吧。
项目地址:https://github.com/chuo0817/parcel-test
领取专属 10元无门槛券
私享最新 技术干货