在不同环境下运行index.html
Angular CLI命令时,我注意到生成的ng build
有所不同。
ng build --prod
自动添加<head>
标记并环绕CSS文件。例如:
<head><link href="styles.262f2f78eb9bad7429de.bundle.css" rel="stylesheet"/><link href="main.262f2f78eb9bad7429de.bundle.css" rel="stylesheet"/></head><script type="text/javascript" src="inline.37ebee07daad70e0c3aa.bundle.js"></script><script type="text/javascript" src="polyfills.209d30935bb7ce96dbfd.bundle.js"></script><script type="text/javascript" src="main.e7cc1c2675feedf2a4bc.bundle.js"></script>
ng build --dev
不会添加任何额外的HTML标签,而只会输出生成的CSS和JS文件的列表。
我想知道这是否是设计使然。在生产模式下构建时如何避免使用<head>
标签?
我看过https://angular.io/cli/build文档,但是关于这个问题似乎没有多说。
使用更多解释进行更新:
Angular生成的文件被注入到服务器端,这是一个.NET应用程序。
以下行用于将脚本和样式表添加到模板上
@Html.Raw(File.ReadAllText(Server.MapPath("~/dist/index.html")))
我知道我可以在这里进行字符串替换,但是我希望如果可以在Angular方面实现另一种方法。