zoukankan      html  css  js  c++  java
  • rollup

    简单的来说rollup是一个Js模块打包器,可以将小块代码编译成大块复杂的代码。现在已经有很多类库都在使用 rollup进行打包了,比如:react, vue, preact, three.js,moment, d3 等。
    优点:小巧而专注
     
    rollup和webpack的区别?
    特性:
           rollup 所有资源放同一个地方,一次性加载,利用 tree-shake特性来  剔除未使用的代码,减少冗余
           webpack 拆分代码、按需加载  webpack2已经逐渐支持tree-shake
       rollup:
         1.打包你的 js 文件的时候如果发现你的无用变量,会将其删掉。
         2.可以将你的 js 中的代码,编译成你想要的格式
       webpack:
        1.代码拆分
        2.静态资源导入(如 js、css、图片、字体等)
        拥有如此强大的功能,所以 webpack 在进行资源打包的时候,就会产生很多冗余的代码。

    项目(特别是类库)只有 js,而没有其他的静态资源文件,使用 webpack 就有点大才小用了,因为 webpack bundle 文件的体积略大,运行略慢,可读性略低。这时候 rollup就是一种不错的解决方案
    结论:对于应用使用 webpack,对于类库使用 Rollup
    打完收工! 我要去写自己的函数库了。。。。。
     
  • 相关阅读:
    函数、对象
    webpack配置
    创智培训内容
    oracle方法
    Weblogic
    药店
    ip
    jdk账号
    ansible
    目录编码
  • 原文地址:https://www.cnblogs.com/QQPrincekin/p/12750625.html
Copyright © 2011-2022 走看看