Rollup einschließlich nicht benötigte Abhängigkeiten und fehlende Funktion in der Ausgabe

Question

Ich verwende rollup zum ersten Mal und es produziert einige unerwartete Ergebnisse. Unten habe ich die drei Dateien in meinem Beispiel zusammen mit der Ausgabe von rollup und die Art der Ausgabe, die ich suche.

Here's a repo with my complete example.

Ich habe drei Dateien 01.js, 02.js, 03.js.

01.js

import { fakePromise } from './02' 

export default fakePromise 

02.js

import { map } from 'lodash' 
import { stupidReference } from './03' 

export function fakePromise (str) { 
    return stupidReference(str) 
} 

export function fakeMap (arr) { 
    return map(arr, item => item + ' is stupid') 
} 

03.js

import Promise from 'bluebird' 

export function stupidReference (str) { 
    return Promise.resolve(str) 
} 

Dies ist, was rollup kommt zurück. (tatsächliche)

import { map } from 'lodash'; 
import Promise from 'bluebird'; 

function fakePromise (str) { 
    return stupidReference(str) 
} 

export default fakePromise; 

Dies ist, was würde ich erwarten, Rollup zurückzukehren. (erwartet)

import Promise from 'bluebird'; 

function stupidReference (str) { 
    return Promise.resolve(str) 
} 

function fakePromise (str) { 
    return stupidReference(str) 
} 

export default fakePromise; 

Ich hatte den Eindruck, dass Rollup die Abhängigkeiten würden alle schütteln, die Sie nicht in Ihrem Projekt haben müssen. Allerdings können Sie sehen, die tatsächlichen Ausgabe enthält auch eine nicht benötigte Abhängigkeit lodash, und es fehlt auch eine andere interne Funktion stupidReference.

Ich bin neugierig, warum das nicht funktioniert, wie ich erwartet hatte. Ich bin auch neugierig, ob ich das rollup Werkzeug richtig verwende. Wenn das nicht der beabsichtigte Verwendungszweck ist, würde ich wirklich gerne ein Werkzeug finden, das die von mir gesuchte Funktionalität erreicht. Ich möchte eine Funktion (oder eine Datei wie 01.js oben) bereitstellen und haben nur den Code, der zum Ausführen dieser Funktion erforderlich ist.

Update 1

Unsicher, was mit meinem Code passiert, aber der Editor auf der Rollup-Seite ist in einer anderen Datei der Lage ziehen und im Anschluss an den Baum. Here's a link to exactly what I have.

Update 2

Ich erkannte, dass ich babel falsch konfiguriert haben, installierte ich die beiden Module unten sowie .babelrc und rollup.config.js hinzugefügt.

npm i rollup-plugin-babel babel-preset-es2015-rollup --save 

rollup.config.js

import babel from 'rollup-plugin-babel'; 

export default { 
    entry: './01.js', 
    plugins: [ babel() ], 
    format: 'es6' 
}; 

.babelrc

{ 
    "presets": [ "es2015-rollup" ] 
} 

Mit diesem Update die gleiche Leistung noch produziert wird.

Answer 1

Du triffst dich selbst :-) Das Repo hat einen Tippfehler - stupidReference wird an mehreren Stellen stuidReference geschrieben. Fix diese und es bündelt gut. (Wenn Rollup einen Bezeichner sieht, kennt es nicht den Ursprung von, sondern nimmt an, dass es ein globaler Fehler ist.)

Lodash wird eingeschlossen, obwohl seine abhängige Funktion nicht enthalten ist, weil Rollup nicht wissen kann, ob oder Lodash hat keine Nebenwirkungen. Eine Option wäre Lodash in dem Bündel enthalten (dh rollup-plugin-node-resolve verwenden), so dass Rollup kann den Code sehen, aber beachten Sie, dass tree-shaking Lodash is easier said than done, so die Empfehlung ist lodash-es zu verwenden und importieren einzelne Dateien:

import map from 'lodash-es/map.js';