打包工具 rollup-webpack

特性:

  • webpack 拆分代码, 按需加载;
  • Rollup 所有资源放在同一个地方,一次性加载,利用 tree-shake 特性来剔除项目中未使用的代码,减少冗余,但是webpack2已经逐渐支持tree-shake。

资源:

webpack 相对来说拥有更大的社区支持,资源更加齐全,文档更加完整,有更完整的插件库,如热更新及web-server等。

结论:

对于应用使用 webpack,对于类库使用 Rollup

  • 如果你需要代码拆分(Code Splitting),或者你有很多静态资源需要处理,再或者你构建的项目需要引入很多CommonJS模块的依赖,那么 webpack 是个很不错的选择。
  • 如果您的代码库是基于 ES2015 模块的,而且希望你写的代码能够被其他人直接使用,你需要的打包工具可能是 Rollup 。

使用参考:

Vue-static与assets区别

Vue-static与assets区别

static文件夹 static下的文件不会 […]