問題タブ [webpack-2]

Webpack2 と TypeScript を使用して開発しているオープンソース プロジェクトがあります。

何らかの理由で、開発サーバーが起動し、すべてうまくいきますが、ファイルを変更すると、サーバーは正常にリロードされますが、更新されません。これは、手動および自動更新で行われます。

バージョン

設定

プロジェクトはこちら: https://github.com/swimlane/angular2-data-table

無数の異なるオプションを試してみましたが、同じ結果が得られました。ありがとう！

Angular 2 で wijmo という名前のサードパーティ コンポーネント ライブラリを使用しようとしています。angular-cli が webpack に移行し、サンプル プロジェクトが高速であることに興奮しています。

問題は、wijmo には angular 2 コンポーネントの縮小ファイルのみが含まれているように見え、それらを angular-cli に追加すると、SystemJS が使用されなくなったため、「システム」が定義されていないというエラーがスローされることです。その縮小された SystemJS JavaScript ファイルを新しい angular-cli または webpack 2 で使用する方法はありますか?

.d.tsインポートと使用法は次のようになります。プロジェクトのノード モジュールにファイルがあるため、IntelliSense が機能します。

angular-cli をハックして構成に外部を追加できると単純に考えましたが、「システムが定義されていません」というエラーが表示されます。

私のチームと私は、コード ベースを Webpack 2 にアップグレードしようとしていますが、次の 2 つのエラーで立ち往生しています。

「クラス デコレータを使用する場合、キャッチされていない Reflect-Metadata shim が必要です」 & 「未定義のプロパティ「isDefaultChangeDetectionStrategy」を読み取ることができません」

angular2-webpack-starterで作業しており、RC5 で最新であり、この更新を試みています。

このエラーは、次のコードがある polyfills.browser.ts ファイルから発生していると考えられます。

また、module.exports 内の webpack.common.js エントリ obj は次のようになります。

どんな助けでも大歓迎です！

package.json にビルドスクリプトがあります

ただし、ビルドタスクでエラーが発生します。

ここにコード全体があります

ビルドタスクで何が欠けているか知っていますか?

ありがとう

非常に基本的な webpack 2 ビルドをまとめましたが、プロジェクトのサイズに対して遅いようです。欲しかったのは以下の3点です。

1. チャンキング (js & scss)
2. SCSS コンパイル
3. 木の揺れ

これらのことを行うには、Webpack が適しているように思われました。私は Gulp と Rollup を使用してきましたが、SCSS/Chunking がツリーの揺れに沿って機能しているのは素晴らしいことです。

ビルドのコンパイルには約 4000 ～ 5000 ミリ秒かかりますが、プロジェクトが非常に小さいことを除けば世界の終わりではありません。

速度を改善するためにいくつかのことを試しました。

これは役に立ち、時間を数百ミリ秒短縮したので、それは素晴らしいことでした. エイリアスを解決することでこれをさらに進めようとしましたが、私が知る限り、実際には何の利益も見られませんでした.

devTool も eval に設定しました。これを超えて、私は実際に物事を改善することはできませんでしたが、それは私が物事を設定した方法にあると確信しています. 「webpack」はビルドをコンパイルしますが、webpack-dev-server を実行するとコンパイルされないことに注意してください。起動し、コンパイルでハングアップしてからクラッシュします。これは別の問題かもしれませんが、含める価値があると思いました。

また、チャンクにES6 System.importを使用しています（メモとして）。

プロジェクトを git にアップロードしたので、お気軽にプルダウンしてください: https://github.com/loriensleafs/trying-out-webpack2

webpack.config.js は次のとおりです。

これに関するアドバイス/ヘルプの人々に感謝します。ここに投稿できるその他の役立つ情報があれば、お知らせください。

I'm trying to reduce the size of my angular 2 application by applying tree shaking technique.

I'm using webpack 2.1.0-beta.22, angular 2 rc6 and typescript 2.0.2.

Here is my tsconfig.json:

webpack.config:

Bundle size before tree shaking was ~ 1.7MB, and after tree shaking size became ~ 1.8MB.

What do I do wrong?

Angular での遅延読み込みと混同しています。私は webpack2 と angular2 rc5 を使用しています。+lazyload コンポーネントに移動しようとすると失敗します

私の app.modules は次のようになります:

app.routing

ページ.モジュール

ページ.ルーティング

repositories.module

repositories.routing

リポジトリ.コンポーネント

search.module のような

エクスポート クラス SearchModule {}

NavigationModule でルーティングを使用しようとしていますが、DOM から SearchModule を失います。どうしたの？