角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

來源

2017-04-20 ttmt

的角度CLI正在處理文件的任何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文件作爲此進行任何設置了一個方式製作已經做了你......不幸的是，最後我檢查過沒有official列表中包含angular-cli的所有webpack loaders，但是，你認爲你需要的所有東西都已經存在。這就是使angular-cli如此簡單和容易的原因。

有了這樣說，爲什麼你沒有看到任何javascript文件在index.html文件鏈接的原因是，當你發展，因爲，你實際上有build不工作，而是與一個應用程序，保持在「內存」中並在開發應用程序時進行更改。我知道這是像魔術和我第一次用angluar-cli我感到困惑這也太...

最後，如果你真的build使用ng build --prod命令的項目，那麼你會得到一個名爲dist新目錄實際的源代碼以及鏈接bundle.js文件的index.html文件，如您所期望的那樣。

據我所知，webpack config不應該是爲了改變angular cli。上次我檢查時至少有這種情況。

來源

2017-04-20 19:45:45 evvels1

否則我們應該如何將第三方角插件添加到我們的項目中？大多數插件提供了一個webpack選項以添加到項目中。 – Rossco

角CLI和的WebPack

回答

相關問題