角度CLIとのWebPACK

私はシンプルなアプリを作成し、ローカルホストでそれを見ることができ、角度CLI https://github.com/angular/angular-cli#documentation 角度CLIとのWebPACK

とのプレイラウンドを持ちます。

私がlocalhostサイトを調べると、webpackによって挿入されたcssとjsのリンクが見えます。これらはindex.htmlには、この

<!doctype html> 
    <html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Wpng</title> 
     <base href="/"> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    </head> 
    <body> 
     <app-root>Loading...</app-root> 
    </body> 
    </html>

のように見えるときも、私はWebPACKの角度CLIが処理している

出典

2017-04-20 ttmt

を使用しているので、どのようにファイル内の任意のwebpack.config.jsを参照してくださいカント追加されたどのように

内部的にwebpack.configファイル。それを表示して手動で操作したい場合は、ng ejectオプションを使用できます。

詳細についてはこの回答を参照してください。angular-cli where is webpack.config.js file - new 2017-Feb: ng eject

出典

2017-04-20 19:45:32 DeborahK

angular-cliは、残念ながら...あなたはこれがあなたのために既に行われているようwebpack.config.jsファイルには何も設定を心配すべきではない方法で、最後に行われています私は angular-cliに含まれているすべてのウェブパックloadersのリストがないことを確認しましたが、あなたが必要と思われるものはすべてすでにそこにあります。これがangular-cliをシンプルかつ簡単にする理由です。それはあなたが開発しているときにindex.htmlファイルにリンクされjavascriptのファイルを見ていない理由は、あなたが実際にbuildでの作業ではなく保たれているアプリではいないされているので、言われていると

あなたのアプリを開発する際に変更されます。私は...それは魔法と私はあまりにもこのことについて混乱していた私はangluar-cliを使用し、初めてのようだ知っている

最後に、あなたが実際にbuildng build --prodコマンドを使用してプロジェクト、そしてあなたがdistと呼ばれる新しいディレクトリを取得します場合実際のソースコードと、bundle.jsファイルを期待通りにリンクするindex.htmlファイルがあります。

私が知る限り、webpack configは、angular cliでの変更を意味するものではありません。前回チェックしたのは少なくともこれでした。

出典

2017-04-20 19:45:45 evvels1

サードパーティの角度プラグインをプロジェクトに追加する必要がありますか？ほとんどのプラグインは、プロジェクトに追加するWebpackオプションを提供します。 – Rossco

答えて

関連する問題