美文网首页
Rollup.js学习之对rollup.js的理解(1)

Rollup.js学习之对rollup.js的理解(1)

作者: yunshengz | 来源:发表于2020-06-30 11:20 被阅读0次

Rollup是什么
Rollup.js是一个js模块打包工具,可以从一个入口文件开始,将所有用到的文件整合到一个文件中;即按文档说的将多个小的代码块编译成一个大块的复杂的代码。

Tree-shaking
它是rollup.js的主要特性,rollup通过静态分析代码中的import,并排除未使用的代码,只引入最基本最精简的代码;张丹把这个名词翻译成树摇,想来还是很形象的,就像晃动树干,把树枝上枯黄的树叶摇下来,留下的都是最精简的。

与webpack的理念对比
Rollup是一个JavaScript模块打包器,天生是为js服务的,当然通过插件也可以处理样式。Webpack是一个应用程序的静态资源打包器,意味着webpack可以接收非代码资源,并且可以把他们作为依赖提供给应用程序。
Rollup是用到的资源合成一个文件,一次加载。
Webpack是分隔代码按需加载

相关文章

  • Rollup.js学习之对rollup.js的理解(1)

    Rollup是什么Rollup.js是一个js模块打包工具,可以从一个入口文件开始,将所有用到的文件整合到一个文件...

  • rollup用法

    10分钟快速入门rollup.js 10分钟快速进阶rollup.js

  • rollup+babel

    rollup.js官网文档 github源码 升级node.js,npm 1.创建packpage.json文件 ...

  • rollup.js

    [TOC] 1. 概念 Rollup是一个JavaScript模块打包工具,可以将小块代码编译成大块复杂的代码。开...

  • rollup.js

    https://www.rollupjs.com/[https://www.rollupjs.com/] roll...

  • rollup.js

    概述 Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 libra...

  • Rollup 打包工具的介绍和使用

    rollup.js 打包工具 参考链接:https://rollupjs.org/ 官网介绍:Rollup is ...

  • Rollup.js 之六:使用 npm 包

    来源:rollup.js 官网 有时候,项目会依赖 npm 包。Rollup 和 Webpack、Browseri...

  • Rollup 学习笔记

    Q:为什么要学 rollup.js ?A:因为大家都在卷(roll) 介绍 Rollup 中文文档[https:/...

  • rollup.js配置

    consfig.js .eslintrc.js .eslintignore .babelrc

网友评论

      本文标题:Rollup.js学习之对rollup.js的理解(1)

      本文链接:https://www.haomeiwen.com/subject/vrgtqktx.html