問題タブ [rollupjs]

ionic2 がモジュール バンドラーとして rollup.js を使用していることに気付きました。それが ionic2 プロジェクトにどのように適合するかについて少し迷っていることを除いて、それはかなり簡単に思えます。この変更に関する Ionic の唯一の言及は、CHANGELOG にあります。

rollup.jsドキュメントに目を通した後、ロールアップ モジュールをインポート する方法が示されnpmています。プロジェクトの場合、追加するアプリ自体のタスク ランナーです。

に移動しpackage.jsonて実行npm buildし、バンドルを作成します。

rollup.config.jsしたがって、ファイルがnode_modulesフォルダー (フルパス) にあることに気付き、再構築するたびにロールアップ構成が失われるnode_modules/@ionic/app-scripts/config/rollup.config.jsため、フォルダー内の何かに変更を加えるのはかなり不自然に感じられるため、これが Ionic でどのように機能するかはまだよくわかりません。またはgitからプル/クローンしますnode_modules。node_modules

では、ロールアップ バンドルにサード パーティのモジュールを追加するにはどうすればよいでしょうか。

私はこのプロジェクトangular2-google-maps-test に基づいて構築しており、この JS lib js-marker-clustererを含めて拡張したいと考えています

npm install --save js-marker-clusterer

として書かれていないようですmodule。

私はこのようなことをしたい:

次に、そのクラスをtypescriptで拡張します

しかし、rollupjs私はこのエラーを受け取り続けます:

ファイルに何かを追加する必要があると思いrollup.config.jsますが、それを として追加しようとしましたが、うまくいきpluginませんでした。

プラグインで Rollup.js をrollup-plugin-node-resolve使用しrollup-plugin-commonjs、Sinon.js を使用するテストをバンドルしています。バンドルされたファイルを実行しようとすると、次のエラーが発生します。

エラー: 動的に必要なものは現在、rollup-plugin-commonjs でサポートされていません

このエラーの回避策はありますか? または、Webpack などの他のツールを使用する必要がありますか?

バックエンド サーバーとしてエクスプレスを使用して、既に動作している Angular 2 アプリケーションがあります。

Express サーバーには、URL とファイルの種類に基づいて要求を正しいパスにリダイレクトするロジックがあります。つまり、すべてのファイルを含む "パブリック パス" はありません。

アプリケーションの読み込みに 16 秒かかり、最初の読み込みでサーバーに対して 454 のリクエストが行われていることがわかりました。

バンドルを処理しなければならないことを知らなかったので、少し行き詰まっています。そのため、サーバー側（エクスプレスサーバー）をそのままにして、バンドルにどのツールを使用するかについて非常に混乱しています。

webpack を試してみましたが、バックエンドとして webpack-dev-server があります。つまり、エクスプレス サーバー ロジックをリファクタリングして、webpack サーバーに適合させるか、webpack サーバーをミドルウェアとして使用する必要があり、それも面倒なようです。

他のオプションもいくつか見ましたが、情報が多すぎて簡単な例が少ないため、途中で道に迷いました。

私が見たツールのいくつかは、gulp、rollup、systejs-builder、browserify. 可能であれば、バンドルを処理する最も簡単な方法を見つけて、例の説明を提供してください。

bundle.min.jsを生成するために私が行う手順は次のとおりです。

1) まず、ターゲットとモジュール用に es2015 でtscompileします。

2) npm run rollup (つまり、 rollup -f iife -c -o dist/prod/client/app/bundle.es2015.js )。

3) npm run es5 (つまり、tsc --target es5 --allowJs dist/prod/client/app/bundle.es2015.js --out dist/prod/client/app/bundle.js )。

4) npm run minify (つまり、uglifyjs dist/prod/client/app/bundle.js --screw-ie8 --compress --mangle --output dist/prod/client/app/ bundle.min.js )。

以下は、縮小後のエラーです。

エラー: (SystemJS) 予期しない厳密モードの予約語 SyntaxError: ZoneDelegate.invoke ( https://unpkg.com/zone.js@0.6.25?main=browser:203:28 ) で予期しない厳密モードの予約語が Zone.run にあります( https://unpkg.com/zone.js@0.6.25?main=browser:96:43 ) https://unpkg.com/zone.js@0.6.25?main=browser:462:57でZoneDelegate.invokeTask ( https://unpkg.com/zone.js@0.6.25?main=browser:236:37 ) Zone.runTask ( https://unpkg.com/zone.js@0.6.25?main ) =browser:136:47 ) DrainMicroTaskQueue ( https://unpkg.com/zone.js@0.6.25?main=browser:368:35 ) でhttp://localhost:9000/app/bundle.min.js を評価中読み込みエラー http://localhost:9000/app/bundle.min.js

Tree Shaking に Rollup.js を使用して angular2 アプリケーションのプロダクションビルドを作成しているときに上記のエラーが発生しますが、以前は問題なく動作していて、開発環境ではまだ動作していましたが、開発環境では動作していませんでした。生産は親切に私を助けてくれます私も縮小せずにアプリを実行しようとしました。つまり、4番目のステップ で、以下のエラーが表示されます:

エラー: TypeError: __extends は関数ではありませんか?

Kendo UI Gridを利用する angular 2 アプリを実装しました:
AoT + Rollup を使用してアプリをデプロイするときにスタックします:

エラー: 'GridModule' は node_modules\@progress\kendo-angular-grid\dist\npm\js\main.js によってエクスポートされません (app\app.module.js によってインポートされます)。

ロールアップのドキュメントからこれを試しましたが、構成方法がわかりませんnamedExports:

上記の構成を使用しても問題は解決しません。

編集: 最後に、グリッドの作業構成は次のとおりです。

「include」セクションが有効になっていると機能しません