与angular cli https://github.com/angular/angular-cli#documentation进行一轮较量
我可以创建一个简单的应用程序并在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.config.js,那么如何使用webpack呢
发布于 2017-04-21 03:45:33
Angular CLI在内部处理webpack.config文件。如果您想手动查看和使用它,可以使用ng弹出选项。
有关更多信息,请参阅此答案:angular-cli where is webpack.config.js file - new 2017-Feb: ng eject
发布于 2017-04-21 03:45:46
创建angular-cli的方式是,您不必担心在webpack.config.js文件中设置任何内容,因为这已经为您完成了……不幸的是,我最后一次检查的时候,没有包含在angular-cli中的所有webpack loaders的official列表,然而,你认为需要的一切都已经在那里了。这就是angular-cli如此简单和容易的原因。
话虽如此,但您在index.html文件中看不到任何链接的javascript文件的原因是,当您进行开发时,您实际上并不是在使用build,而是在使用一个保存在“内存”中的应用程序,该应用程序在您开发应用程序时会发生变化。我知道这就像魔法一样,当我第一次使用angluar-cli时,我也对此感到困惑……
最后,如果您实际使用ng build --prod命令build项目,那么您将获得一个名为dist的新目录,其中包含实际的源代码和一个链接bundle.js文件的index.html文件。
据我所知,webpack config不应该用于在angular cli中更改。至少我最后一次检查的时候是这样的。
https://stackoverflow.com/questions/43528240
复制相似问题