¹¹½¨´ò°ü¹¤¾ßRollup.jsÈëÃÅÖ¸ÄÏ

npm i -g rollup

rollup index.js -o bundle.js -f iife

-i, --input                 Òª´ò°üµÄÎļþ£¨±ØÐ룩
-o, --output.file           Êä³öµÄÎļþ (Èç¹ûûÓÐÕâ¸ö²ÎÊý£¬ÔòÖ±½ÓÊä³öµ½¿ØÖÆ̨)
-f, --output.format [es]    Êä³öµÄÎļþÀàÐÍ (amd, cjs, es, iife, umd)
-e, --external              ½«Ä£¿éIDµÄ¶ººÅ·Ö¸ôÁбíÅųý
-g, --globals               ÒÔ`module ID:Global` ¼üÖµ¶ÔµÄÐÎʽ£¬ÓöººÅ·Ö¸ô¿ª
                              Èκζ¨ÒåÔÚÕâÀïÄ£¿éID¶¨ÒåÌí¼Óµ½ÍⲿÒÀÀµ
-n, --name                  Éú³ÉUMDÄ£¿éµÄÃû×Ö
-m, --sourcemap             Éú³É sourcemap (`-m inline` for inline map)
--amd.id                    AMDÄ£¿éµÄID£¬Ä¬ÈÏÊǸöÄäÃûº¯Êý
--amd.define                ʹÓÃFunctionÀ´´úÌæ`define`
--no-strict                 ÔÚÉú³ÉµÄ°üÖÐÊ¡ÂÔ`"use strict";`
--no-conflict               ¶ÔÓÚUMDÄ£¿éÀ´Ëµ£¬¸øÈ«¾Ö±äÁ¿Éú³ÉÒ»¸öÎÞ³åÍ»µÄ·½·¨
--intro                     ÔÚ´ò°üºÃµÄÎļþµÄ¿éµÄÄÚ²¿(wrapperÄÚ²¿)µÄ×²¿²åÈëÒ»¶ÎÄÚÈÝ
--outro                     ÔÚ´ò°üºÃµÄÎļþµÄ¿éµÄÄÚ²¿(wrapperÄÚ²¿)µÄ×îµ×²¿²åÈëÒ»¶ÎÄÚÈÝ
--banner                    ÔÚ´ò°üºÃµÄÎļþµÄ¿éµÄÍⲿ(wrapperÍⲿ)µÄ×²¿²åÈëÒ»¶ÎÄÚÈÝ
--footer                    ÔÚ´ò°üºÃµÄÎļþµÄ¿éµÄÍⲿ(wrapperÍⲿ)µÄ×îµ×²¿²åÈëÒ»¶ÎÄÚÈÝ
--interop                   °üº¬¹«¹²µÄÄ£¿é£¨Õâ¸öÑ¡ÏîÊÇĬÈÏÌí¼ÓµÄ£©

// rollup.config.js
export default {
  input: 'index.js',
  output: {
    name: 'cjs',
    file: 'bundle.js',
    format: 'cjs',
  }
};

rollup -c //ĬÈÏ×ßrollup.config.js

// rollup.config.js
export default {
  // ºËÐÄÑ¡Ïî
  input,     // ±ØÐë
  external,
  plugins,
  // ¶îÍâÑ¡Ïî
  onwarn,
  // danger zone
  acorn,
  context,
  moduleContext,
  legacy
  output: {  // ±ØÐë (Èç¹ûÒªÊä³ö¶à¸ö£¬¿ÉÒÔÊÇÒ»¸öÊý×é)
    // ºËÐÄÑ¡Ïî
    file,    // ±ØÐë
    format,  // ±ØÐë
    name,
    globals,
    // ¶îÍâÑ¡Ïî
    paths,
    banner,
    footer,
    intro,
    outro,
    sourcemap,
    sourcemapFile,
    interop,
    // ¸ßΣѡÏî
    exports,
    amd,
    indent
    strict
  },
};

const rollup = require('rollup');

// see below for details on the options
const inputOptions = {
  input: 'main.js',
};
const outputOptions = {
  file: 'bundle.js',
  format: 'iife'
};

async function build() {
  // create a bundle
  const bundle = await rollup.rollup(inputOptions);
  // generate code and a sourcemap
  await bundle.generate(outputOptions);
  // or write the bundle to disk
  await bundle.write(outputOptions);
}
build();

node rollup.js

// ÊäÈë²ÎÊý
const inputOptions = {
  input, // Ψһ±ØÌî²ÎÊý
  external,
  plugins,
  // ¸ß¼¶²ÎÊý
  onwarn,
  cache,
  // ΣÏÕ²ÎÊý
  acorn,
  context,
  moduleContext,
  legacy
};
// Êä³ö²ÎÊý
const outputOptions = {
  // ºËÐIJÎÊý
  file,   // ÈôÓÐbundle.write£¬±ØÌî
  format, // ±ØÌî
  name,
  globals,

  // ¸ß¼¶²ÎÊý
  paths,
  banner,
  footer,
  intro,
  outro,
  sourcemap,
  sourcemapFile,
  interop,

  // ΣÏÕÇøÓò
  exports,
  amd,
  indent
  strict
};

mkdir part1 && cd part1 && mkdir src
npm i --save rollup webpack  webpack-cli

// src/main.js
import foo from './foo.js';
export default function () {
  console.log(foo);
}

// src/foo.js
const name = 'hello world!';
const description = 'this is a description';
export default name;

// rollup.config.js
export default {
  input: 'src/main.js',
  output: {
    name: 'cjs',
    file: 'rollup/cjs.js',
    format: 'cjs',
  }
};

// webpack.config.js
const path = require('path');

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, 'webpack'),
    filename: 'bundle.js'
  },
  mode: 'development'
};

// package.json
"scripts": {
  "build": "webpack && rollup -c"
}

npm run build

// rollup/cjs.js
'use strict';

const name = 'hello world!';

function main () {
  console.log(name);
}

module.exports = main;

/******/ (function(modules) { // webpackBootstrap
/******/  // The module cache
/******/  var installedModules = {};
/******/
/******/  // The require function
/******/  function __webpack_require__(moduleId) {
/******/
/******/    // Check if module is in cache
/******/    if(installedModules[moduleId]) {
/******/      return installedModules[moduleId].exports;
/******/    }
/******/    // Create a new module (and put it into the cache)
/******/    var module = installedModules[moduleId] = {
/******/      i: moduleId,
/******/      l: false,
/******/      exports: {}
/******/    };
/******/
/******/    // Execute the module function
/******/    modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/    // Flag the module as loaded
/******/    module.l = true;
/******/
/******/    // Return the exports of the module
/******/    return module.exports;
/******/  }
/******/
/******/
/******/  // expose the modules object (__webpack_modules__)
/******/  __webpack_require__.m = modules;
/******/
/******/  // expose the module cache
/******/  __webpack_require__.c = installedModules;
/******/
/******/  // define getter function for harmony exports
/******/  __webpack_require__.d = function(exports, name, getter) {
/******/    if(!__webpack_require__.o(exports, name)) {
/******/      Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/    }
/******/  };
/******/
/******/  // define __esModule on exports
/******/  __webpack_require__.r = function(exports) {
/******/    if(typeof Symbol !== '?developer/article/1485597/undefined' && Symbol.toStringTag) {
/******/      Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/    }
/******/    Object.defineProperty(exports, '__esModule', { value: true });
/******/  };
/******/
/******/  // create a fake namespace object
/******/  // mode & 1: value is a module id, require it
/******/  // mode & 2: merge all properties of value into the ns
/******/  // mode & 4: return value when already ns object
/******/  // mode & 8|1: behave like require
/******/  __webpack_require__.t = function(value, mode) {
/******/    if(mode & 1) value = __webpack_require__(value);
/******/    if(mode & 8) return value;
/******/    if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/    var ns = Object.create(null);
/******/    __webpack_require__.r(ns);
/******/    Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/    if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/    return ns;
/******/  };
/******/
/******/  // getDefaultExport function for compatibility with non-harmony modules
/******/  __webpack_require__.n = function(module) {
/******/    var getter = module && module.__esModule ?
/******/      function getDefault() { return module['default']; } :
/******/      function getModuleExports() { return module; };
/******/    __webpack_require__.d(getter, 'a', getter);
/******/    return getter;
/******/  };
/******/
/******/  // Object.prototype.hasOwnProperty.call
/******/  __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/  // __webpack_public_path__
/******/  __webpack_require__.p = "";
/******/
/******/
/******/  // Load entry module and return exports
/******/  return __webpack_require__(__webpack_require__.s = "./src/main.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./src/foo.js":
/*!********************!*\
  !*** ./src/foo.js ***!
  \********************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\nconst name = 'hello world!';\nconst description = 'this is a description';\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (name);\n\n//# sourceURL=webpack:///./src/foo.js?");

/***/ }),

/***/ "./src/main.js":
/*!*********************!*\
  !*** ./src/main.js ***!
  \*********************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _foo_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foo.js */ \"./src/foo.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (function () {\n  console.log(_foo_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n});\n\n//# sourceURL=webpack:///./src/main.js?");

/***/ })

/******/ });