不要な依存関係を含むロールアップと出力に機能がありません

Question

私はrollupを初めて使用していますが、予期せぬ結果が出ています。下の例では、3つのファイルをrollupの出力と探しています。

Here's a repo with my complete example.

私は三つのファイル01.js、02.js、03.jsを持っています。これは何をされ

03.js

import Promise from 'bluebird' 

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

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') 
} 

rollupが返されます。 （実際の）

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

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

export default fakePromise; 

これは、私はロールアップが返すように期待するものです。 （予想される）

import Promise from 'bluebird'; 

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

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

export default fakePromise; 

私はロールアップは、あなたのプロジェクトに必要としなかったすべての依存関係を振るだろうという印象の下にありました。しかし、の実際の出力には不要な依存関係lodashが含まれており、別の内部機能stupidReferenceもありません。

私が期待したとおりに動作しない理由が不思議です。 rollupツールを正しく使用しているのかどうか不思議です。これが意図された使用でない場合は、私が探している機能を実現するツールを見つけることが大好きです。私は関数（または上記の01.jsのようなファイル）を提供したいと思いますし、その関数を実行するのに必要なコードだけを持っています。

アップデート1

私のコードで何が起こっているのかわからないが、ロールアップサイトの編集者は、別のファイルに引っ張り、ダウンツリーを次のことができます。 Here's a link to exactly what I have.

アップデート2

私が間違ってバベルが設定されていることを実現し、私は、以下の両方のモジュールをインストールし、ならびに.babelrcとrollup.config.jsを加えました。

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" ] 
} 

。

Answer 1

あなたは自分自身を蹴るでしょう:-)レポにはタイプミスがあります - stupidReferenceは2,の綴りです。それらを修正し、うまくバンドルします。 （ロールアップで起源を知らない識別子が見つかった場合は、タイプミスではなくグローバルであるとみなされます）

ロールアップでは、依存関係の関数が含まれていませんLodashには副作用がありません。 1つのオプションは、ロールアップがコードを見ることができるように（すなわちrollup-plugin-node-resolveを使用）バンドルにLodashを含めることが、tree-shaking Lodash is easier said than done、その勧告はlodash-esを使用して、個々のファイルをインポートすることであることを認識し、次のようになります。

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