Angular应用的index.html

在Angular应用的angular.json里的architect build option里指定index的值：

我修改这个index值之后，在ng serve命名开启的命令行窗口里，会立即看到提示信息：

emitting index-html-webpack-plugin:

在@angular-devkit里我找到了这个plugins的实现文件：index-html-webpack-plugin.js:

默认的值为index.html:

在这个标准文件里增添一些打印信息：

ng serve之后，能看到这些调试信息的输出：

如果我指定的index为index2.html, 则最后无论我在浏览器的https://localhost:4200后面输入任何字符串，最后加载的都一定是index2.html页面。

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular应用的index.html相关推荐

angular 如何在index html 页面包含子页面_Webpack4.0各个击破（1）html篇
webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ...
在Angular的index.html里插入script，拦截所有动态创建标签页的场景
注意,下面这段代码只能插入在Angular应用的index.html里,直接插入任何Component的index.html里不会生效: <script>console.log(" ...
angular面试题及答案_关于最流行的Angular问题的StackOverflow上的48个答案
angular面试题及答案 by Shlomi Levi 通过Shlomi Levi 关于最流行的Angular问题的StackOverflow上的48个答案 (48 answers on Stack ...
Angular 学习（二）：Angular 简介
文章目录一. Angular 介绍 AngularJS 特性存在的问题 Angular 新特性二. AngularJS 架构与 Angular 架构 AngularJS 架构 Angular 架 ...
angular 路由项目例子
angular 路由是我在工作中体验非常便捷的一点, 这是详细的API ,查看API 可以了解很多东西, https://github.com/angular-ui/ui-router/wiki/Qu ...
Angular 4官方文档(二)【数据的展现】
通过把 Angular 组件的属性绑定到 HTML 模板的控件上,我们可以展示数据. 本小节中,我们将会创建一个英雄列表组件.我们将展示英雄名字的列表,并根据条件来决定是否在列表下方展示一条信息. 最 ...
angularJs的学习笔记-01(创建项目)
1,进入angular-phonecat目录执行下面命令 git checkout -f step-0 然后访问 http://localhost:8000/app/ 页面出现 "No ...
ionic 混合应用开发
windows下安装配置 npm install -g ionic npm install -g cordova ionic start myproject cd myproject ioni ...
ionic移动开发流程api
整个项目架构下,我们需要关注的有 1.app.js 主模块的定义,以及其他公共模块, angular.module().run().config() 2.index.html 模块启用,资源文件的引入 ...

Angular应用的index.html

Angular应用的index.html相关推荐

最新文章

热门文章