Javascript 生成包含模板使用的所有CSS规则的内置angular index.html页面？_Javascript_Css_Angular_Angular Cli_Uncss

Javascript 生成包含模板使用的所有CSS规则的内置angular index.html页面？

javascript css angular

Javascript 生成包含模板使用的所有CSS规则的内置angular index.html页面？,javascript,css,angular,angular-cli,uncss,Javascript,Css,Angular,Angular Cli,Uncss,为了运行以删除未使用的css规则，我需要生成一个包含角度模板使用的所有css规则的页面。我认为可能适合这个用例，但我想知道是否有可能对Angular CLI进行同样的操作例如，如果我们运行ng buildangular，将生成一个dist/index.html文件，其中包含dist/index.html文件中的自定义元素选择器。但是，由于尚未呈现模板，因此无法将其作为目标。它仍然表示为，例如，无法看到模板应用的css规则。是的，默认情况下，所有编译的css和js文件将通过angular cli

为了运行以删除未使用的css规则，我需要生成一个包含角度模板使用的所有css规则的页面。我认为可能适合这个用例，但我想知道是否有可能对Angular CLI进行同样的操作

例如，如果我们运行

ng build

angular，将生成一个

dist/index.html

文件，其中包含

dist/index.html

文件中的自定义元素选择器。但是，由于尚未呈现模板，因此无法将其作为目标。它仍然表示为，例如，

无法看到
模板应用的css规则。
是的，默认情况下，所有编译的css和js文件将通过angular cli生成到dist文件夹中。如果需要，您可以使用项目中的angular-cli.json对此进行配置。正如您在下面的index.html示例中所看到的，它包含所有css和JS文件的路径。通常它会创建一个css文件，因为最好在一个请求中加载整个css
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>My APP</title>
  <base href="/">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link href="styles.3e523e6b74c68b0940ab.bundle.css" rel="stylesheet" />
</head>

<body>
  <app-root></app-root>
  <script type="text/javascript" src="inline.5d1afc94d5922f9e85f3.bundle.js"></script>
  <script type="text/javascript" src="polyfills.45da1a3263e1321501bf.bundle.js"></script>
  <script type="text/javascript" src="scripts.4d46a754e6ffe4a0ff23.bundle.js"></script>
  <script type="text/javascript" src="main.cec0d2d86e8c98d02873.bundle.js"></script>
</body>

</html>


我的应用程序
了解更多有关配置的信息
因为，您将在中指定所有css和js，所以您可以使用dist文件夹内容。
Hi-我对我的问题进行了一些编辑，请确保问题清楚。只是想确保模板中使用的css类名不会被构建更改。再次感谢。改进了我的答案，我认为任何css类名都不会因构建而改变。他们将被包括在内，因为它是。嗨-我更新了一点问题。我认为正常的构建不能解决用例。也许像rendertron这样的人会。