ロールアップ：グローバルと外部

Question

プロジェクトのローカルインポート/エクスポートと、スクリプトまたはモジュールの依存関係へのインポートの両方を持つ、完全にes6モジュールのrepoをロールアップしようとしています。

また、ロールアップを介して従来のiifeモジュールを作成するデュアルビルドを作成しようとしています。

これは私のプロジェクトで問題なく動作します。難しいのは、私の依存関係のためのインポートがあるということです。

ロールアップのグローバルオプションと外部オプションが役立つはずですが、これまで私はこれらを公開してiffeに巻き込むことに成功しませんでした。私は得る http://backspaces.github.io/asx/libs/three.module.js' is imported by src/Three.js, but could not be resolved – treating it as an external dependency

エラーと他。結果として得られるロールアップは私が望むものではありません.iifeロールアップを変換して依存関係をグローバル化し、ロールアップから削除することを期待してください。

これは非常に一般的な質問ですが、これらの2つのオプションを使用してリポジトリを管理する方法を知りたいので、依存関係をインポートしてロールアップで削除することができます。

誰でも明確に説明できますか？ロールアップのwikiは少し役に立ちますが、十分なものではありません。

Answer 1

ロールアップで依存関係を含めるには、その依存関係を見つける必要があります。 http://backspaces.github.io/asx/libs/three.module.jsなどのリモートURLを取得するためのロジックは組み込まれていません（これはプラグインとして実行できますが、AFAIKはプラグインが書き込まれていないため、とにかくそれに対して助言します）。

代わりに、あなたはとても...

import THREE from 'three'; 

ようnode_modulesからモジュールをインポート...と生命維持を生成設定にnode-resolveとcommonjsを追加したほうが良いと思います。あなたが戻ってURLにthreeを指すようにpaths設定を使用する必要がありますThree.jsを外部に保持された非生命維持のビルドを生成するために設定

、：

// rollup.config.js 
export default { 
    entry: 'src/main.js', // or whatever 
    // ... 
    external: ['three'], // so it's not included 
    paths: { 
    three: http://backspaces.github.io/asx/libs/three.module.js 
    } 
}; 

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.