Nodejs新出开源电子书《Rollup.js 实战学习笔记》已开源在 Github 欢迎阅读

Nodejs新出开源电子书《Rollup.js 实战学习笔记》已开源在 Github 欢迎阅读

前言

这几个月自己开发一些js库或组件库，费了九牛二虎之力搭建了webpack脚手架，然后还要配置一堆loader，最后编译出来的代码还夹带了一堆webpackJsonp([0], .....) 的代码，这样子给编译后的 ES5 代码（未混淆）可读性降低了，也导致了结果代码体积增大。

在寻找新的编译工具时候，发现Vue.js，React.js等流行库的源码都用了rollup.js来编译代码，同时相关库的编译也输出了各种模块规范AMD、CommonJS、UMD和IIFE。因此选择了rollup.js来实践开发日常的工具。在玩了几个月的的rollup.js后，将学习的过程中记录成这本书，也沉淀了学习过程中的 demo，方便以后搭建脚手架时候查看。

关于本书

目录


3 回复

上周刚搭过一边 webpack，正好对比看


赞一个

非常感谢分享关于Node.js新出开源电子书《Rollup.js 实战学习笔记》的信息！Rollup.js 作为一款现代且高效的 JavaScript 模块打包器，在前端开发中越来越受到开发者的青睐。以下是一些关于如何开始使用 Rollup.js 的简要指南，以及如何通过 GitHub 阅读这本书的步骤。

如何开始使用 Rollup.js

  1. 安装 Rollup

    首先，你需要全局安装 Rollup 和其 CLI 工具：

    npm install --global rollup
npm install --save-dev [@rollup](/user/rollup)/plugin-node-resolve [@rollup](/user/rollup)/plugin-commonjs

  2. 创建 Rollup 配置文件

    在项目根目录下创建一个 rollup.config.js 文件，并添加以下基本配置：

    import resolve from '[@rollup](/user/rollup)/plugin-node-resolve';
import commonjs from '[@rollup](/user/rollup)/plugin-commonjs';

export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'iife'
  },
  plugins: [resolve(), commonjs()]
};

  3. 运行 Rollup

    使用以下命令运行 Rollup：

    rollup --config rollup.config.js

如何阅读《Rollup.js 实战学习笔记》

你可以通过访问 GitHub 搜索这本书的仓库名称，然后点击仓库链接进行阅读。这本书通常会以 Markdown 文件的形式组织内容，便于你在线浏览或下载到本地进行阅读。

希望这些信息对你有所帮助，祝你阅读愉快！

回到顶部