4

私はAngular2プロジェクトに取り組んでいます。Angular2 aot ドキュメントを調べたところ、ngFactory ファイルを生成できました。ドキュメントで提案されているように、ロールアップ js を使用しました。es6 以外の npm パッケージがいくつかあります。es6 以外のパッケージをロードするために require を使用しました。

ドキュメント (angular2 およびロールアップ) では、es6 以外のモジュールをバンドルするために rollup-plugin-commonjs を使用することが提案されています。以下は私のロールアップ構成です。

export default {
    entry: 'scripts/main.js',
    dest: 'build/app.js', // output a single application bundle
    sourceMap: true,
    format: 'iife',
    context: 'this',
    plugins: [

        nodeResolve(
            {
                jsnext: true,
                module: true,
            }
        ),
        commonjs({
            include: 'node_modules/**/**',
        })  ,

        uglify()
    ]
}

私はcommonjsプラグインを用意しています。しかし、それでもブラウザは「require is undefined」というエラーを出します。webpack/browserifyの助けを借りずに es6 以外のモジュールをバンドルする方法を教えてください。

4

1 に答える 1