2017-01-12 9 views
0

でstyles.bundle.cssへの参照を変更する方法、index.htmlファイルには、私は次の行を持っています。Angular2展開は - 自動的に私のAngular2アプリケーションではindex.htmlを

<link rel="stylesheet" href="styles.css"> 

私はサーバーにデプロイするときに、 "ng build"コマンドを使用しています。これは一連のファイルを生成し、私の "styles.css"ファイルを "styles.bundle.css"に変換します。

しかし、それはindex.htmlファイル内の参照を変更するには失敗しました。サーバーにデプロイした後、index.htmlファイルを開き、このように変更しています。私の質問がある

<link rel="stylesheet" href="styles.bundle.css"> 

  1. は「NGが構築」コマンドは、新しいスタイルのファイル名へのすべての参照を修正することができ、自動化技術はありますか?
  2. は私のスタイルをバンドルしない「NGビルド」コマンドを伝える方法はありますか?

+0

プロダクションデプロイメントを作成するには 'ng build'を使用し、ローカルテストは' ng serve'を使用します。 – jonrsharpe

+0

"ng build"を使用しています。私は「元の質問」を編集しました。ごめんなさい。 – Adam

+0

'dist /'のファイルを使用していますか?どのバージョンのCLIですか?どのように展開していますか?あなたは[mcve]を与えることができますか? – jonrsharpe

答えて

0

あなたは角度CLIでプロジェクトを生成した場合、あなたのsrc/index.htmlには<link rel="stylesheet" href="styles.bundle.css">

を持つべきではありませんngのビルドコマンドを使用すると、中角度、cli.jsonで指定されたCSSファイルを取りますdist/index.htmlファイルにタグ<link rel="stylesheet" href="styles.bundle.css">を自動的に作成します。 手動で変更する必要はありません。

+0

私は同意します。何か知られていない理由のために、それは私のために変化していない。公開した後、手動で変更しています。 – Adam

関連する問題