对比 | Webpack | Rollup | Parcel |
---|---|---|---|
功能 | 为处理资源管理和分割代码而生,可以用来处理任何类型的文件,灵活,插件多。 | 用标准化的格式(es6)来写代码,通过减少死代码尽可能地缩小包体积。 | 用标准化的格式(es6)来写代码,通过减少死代码尽可能地缩小包体积。 |
配置 | webpack需要配config文件,指明entry, output, plugin,transformations。 | rollup需要配config文件,指明entry, output, plugin,transformations。rollup 有对import/export所做的node polyfills,webpack没有。rollup支持相对路径,而webpack没有,所以得使用path.resolve/path.join。 | parcel则是完全开箱可用的,不用配置。 |
入口文件 | webpack只支持js文件作为入口文件,如果要以其他格式的文件作为入口,比如html文件为入口,如要加第三方Plugin。 | rollup可以用html作为入口文件,但也需要plugin,比如rollup-plugin-html-entry。 | parcel可以用index.html作为入口文件,而且它会通过看index.html的script tag里包含的什么自己找到要打包生成哪些js文件。 |
transformations | transformations指的是把其他文件转化成js文 |
webpack、rollup、parcel优劣?
最新推荐文章于 2024-04-29 19:43:22 发布