角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

回答

相关问题