Angular Cliでカスタム生成されたファイル名

Question

Angular-Cliでは、ビルドされたファイル名はメインです。[hash] .bundle.js使用時ng build -prod このファイル名をハッシュフォームから削除することは可能ですか？だからちょうどmain.bundle.js？

Answer 1

。

これにより、ビルド中に新しいビルドコマンドオプション--output-hashingを使用して出力ファイル名ハッシュを構成することができます。 4つの値があります。

none：

mediaを行っ一切ハッシング：のみを経由して処理されたファイルにハッシュを追加[URL |ファイル]

bundlesを-loadersない：出力のみバンドル

にハッシュを追加します

all：メディアとバンドルの両方にハッシュを追加します。

noneは、開発対象のデフォルトです。 allは本番対象のデフォルトです。

詳細here。

Answer 2

私の理解によると、ブラウザのキャッシュに問題が発生しないように、新しいビルドを使用する前にキャッシュをクリアする必要はありません。

angular-cliチームが私たちに設定するオプションを与えてもらえないかどうかは疑問ですが、確認するまで待つ必要があります。

ビルドプロセスをカスタマイズしたい場合は、自分でwebpack設定をビルドすることができます。

また、CLIチームは、独自のWebpack構成を作成するのに役立つWebpackプラグインがほとんど存在しないことを示しています。チェックアウトhere。

詳細here, WEBPACK: AN INTRODUCTION。

これが役立ちますように！ （node_modules下フォーク場合packagesの下で、パッチ適用場合）angular-cli/models/webpack-build-production.jsに次の行から

Answer 3

削除[chunkhash]：それは今beta.25のようにコマンドオプションを介してサポートだ

filename: '[name].[chunkhash].bundle.js', 
sourceMapFilename: '[name].[chunkhash].bundle.map', 
chunkFilename: '[id].[chunkhash].chunk.js' 

Answer 4

現在、あなたはcliでこれを行うことはできませんが、あなたはそれから出て標準のWebpackを使用することができます。

プロジェクトでng ejectを実行すると、Webpackの適切な設定とスクリプトが構築されます。

あなたはGitHubのWikiでそれを読むことができます。あなたが提案し@tallaxes何ができる設定を持ったら

https://github.com/angular/angular-cli/wiki/eject

。

Answer 5

は使用してみません： NGビルド--prodを--output-ハッシングなし

Answer 6

私はpackage.jsonファイルでの生産ビルドのための次のスクリプト要素を追加しました。

"scripts": { 
    "prod" : "ng build --prod --output-hashing=none --base-href=./" 
} 

その後、

npm run prod 

を実行すると、ハッシュなしdistのフォルダを作成し、また、ファイルはカレントディレクトリからの相対ロードされるように、ベースHREFとして./含まれます。