私は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 以外のモジュールをバンドルする方法を教えてください。