首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 应用是怎么工作

这是我参与「掘金日新计划 · 4 月更文挑战」第15天 本文是译文,采用意译。 你是否好奇 Angular 应用背后场景都发生了什么? 你想知道 Angular 应用是怎么启动?..."build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist...Note:在接到新任务时候,开始一个新 Angular 应用之前,我都会先看 angular.json 和 package.json 文件。我会通过这两个文件了解应用初始信息。...入口已确定,那什么是引导(What's bootstrapping) 每个应用至少有一个 Angular 模块。root 根模块引导你启动引用,被称为启动模块。...那么其他页面或者组件是怎么渲染呢? 首先, index.html 是一直被渲染。不管我们做什么,index.html 都是主要模块。 标签里面的内容更改是基于 URL

1.4K30
您找到你想要的搜索结果了吗?
是的
没有找到

Angular10配置webpack打包 「详细教程」

package.json 配置工作空间中所有项目可用 npm 包依赖。有关此文件具体格式和内容,请参阅 npm 文档。...app/package.json 此文件只会出现在使用 --strict 模式创建应用中。此文件不是供包管理器使用。它用来告诉各种工具和打包器,这个目录下代码是否没有非局部化副作用。.../build-angular:browser"    + "builder": "ngx-build-plus:build"    ...  },  "serve": {   - "builder":..."@angular-devkit/build-angular:dev-server"    + "builder": "ngx-build-plus:dev-server"    ...  } 复制代码...这对于在文件名中包含每次会随着编译而发生变化哈希 webpack bundle 尤其有用。 你可以让插件为你生成一个HTML文件,这个插件有两个重要作用。

4.8K20

如何在Ubuntu 14.04上使用Hexo创建博客

Hexo中所有软件都是模块,因此您可以准确安装和设置所需软件。 本教程将设置Hexo,并支持GitHub和Nginx支持部署。...Front-matter是JSON或YAML一小段,用于配置帖子标题,发布日期,标签等设置。前面物质末端由第一---或;;;标记指定。在事情发生之后,您可以使用Markdown语法编写博客文章。...本教程中方法是使用Git存储静态文件,使用钩子转发它们,然后使用Nginx来托管它们。但是,通过额外框架包提供对Heroku,Git,Rsync,OpenShift,FTPSync等支持。...package.json 此JSON文件包含我们Hexo包配置和Hexo将用于您博客版本。 如果您需要手动更新,降级或删除软件包,可以通过更改此处值来完成。...通常,如果Hexo内部发生冲突,您只需要执行此操作,这种情况相对不常见。 支架 创建新帖子时,Hexo可以将它们基于scaffolds文件夹中模板文件。

1.2K00

【nodejs原理&源码赏析(9)】用node-ssh实现轻量级自动化部署

基于nodejs自动部署 4.1 package.jsonscripts 了解了手动部署过程后,就可以通过自动化脚本来实现后续更新和部署。...nodejs工程自动化是依赖于package.json文件中scripts配置项来实现,例如使用vue-cli搭建工程中就会带有: { ....../scripts/deploy/deploy.js这个脚本,其中就编写了自动化发布指令。...shell脚本来完成剩余工作 涉及几个模块包括实现SSH连接node-ssh模块(底层是ssh2模块,这个模块是一个Promise封装),用于制作zip压缩包archiver模块。...node-ssh提供了上传本地目录方法,但实际使用过程中发现并不稳定,从告警信息来看是node-stream模块在传送时将不同格式文件转换为流时可能会出现异常,实测大约有一半概率触发,尝试修改了一些配置参数并未解决

1.7K20

hexo初始化

安装hexo 需要先安装npm,git,配置好npm淘宝镜像 生成hexo项目 hexo init 新建一篇文章 hexo new [布局文件] "文章标题" //布局文件默认使用...-s 作为文章发布后文件名和url generate hexo generate 或者 hexo g 参数: -d 文件生成后立即部署网站 -w 监视文件变动 -b 生成过程中如果发生任何未处理异常则抛出异常...版本将服务器单独分离,先安装server 才能使用 安装: npm install hexo-server --save 参数: -p 指定端口,默认4000 -s 只使用静态文件 -l 启动日志记录 deploy...hexo deploy //部署网站 简写 hexo d 参数 -g 部署之前预先生成静态文件 render hexo render [] ......显示草稿 hexo --draft //显示source/_drafts文件夹中草稿文章 自定义当前工作目录 hexo --cwd /path/to/cwd 开启server问题 由于hexo更新去除了一些服务

85531

nodejs写bash脚本终极方案!

而且注意:error对象不同于stderr. error当child_process模块无法执行命令时,该对象不为空。例如,查找一个文件找不到该文件,则error对象不为空。..., 如果退出码不是0,不跑出异常. ts接口定义 function nothrow(p: P): P await nothrow($`grep something from-file`) //.../package.json') os await $`cd ${os.homedir()} && mkdir example` 配置: $.shell 指定要用bash. $.shell = '/...注意: __filename & __dirname这两个变量是在commonjs中。我们用是.mjs结尾es6 模块。...由于此类全局变量在脚本中非常方便,因此 zx 提供了这些以在 .mjs 文件中使用(当使用 zx 可执行文件时) require也是commonjs中导入模块方法, 在 ESM 模块中,没有定义 require

3.9K20

Node.js 在 2020 年有什么新东西

另一个重要里程碑是 Node.js 最近加入了 OpenJS 基金会,该基金会承诺改善项目的健康度和可持续性,并加强与整个 JavaScript 社区协作。 如你所见,在短时间内发生了很多事情!...最常用两种方法是使用 .mjs 文件扩展名或在最近 package.json 中指定"type": "module"。...选项一:重命名 .js 文件为 .mjs 文件; 选项二:更新项目根 package.json,或者增加一个 package.json 到包含 ES 模块目录来指定 type 和module; { "...type": "module" } 还有一种方法,在根 package.json 文件中启用 ES 模块,然后重命名所有 CommonJS 文件为 .cjs 扩展名。...这些报告可以在未处理异常、致命错误、进程信号或使用新 process.report API 时触发。Node.js 可以配置将诊断报告保存到指定文件夹和文件名。

1.2K20

Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动

前言 记录下过程遇到一些问题及修正知识; 之前用nuxt 1.4, 仅做备忘录,有兴趣瞧瞧,没兴趣止步; ---- 问题 开发模式正常,部署模式下找不到静态资源 因为我这边用nginx, 这个需要配置下..., 就这个模块走cnpm源,顺利进行 在部署用户个人目录下,操作如下 # 终端执行 , 就是写一个npm环境配置文件 vim ~/.npmrc # 写入,这几个依赖走国内cnpm源 sass_binary_site...+ koa搭配,其实这块也没涉及到koa这些 package.json # start 里面的环境变量这些,我全部用`ecosystem`这种模式来配置,直观好维护 # deploy 是 "scripts...--env production' } } } 复制代码 整个配置文件分两部分: apps(启动应用相关信息,环境变量,进程执行模式等) , deploy(部署区域) SSH配置和仓库信息这些就不说了...这里我们主要说下部署这块,我脚本用了三个钩子,初始化,预部署,及推送执行 pre-setup: 是用于初始化时候调用,我这里只是单纯展示目录结构 pre-deploy: 部署之前,执行,这个钩子正常来说不用在这里

2.6K20

2020 年 Node.js 将会有哪些新功能

正如你所见到那样,在短时间内发生了很多事情!Node.js 社区仍在蓬勃发展,即便是到了 2020 年仍然没有放缓迹象。 下一个Node.js 主要版本正在探索更多有趣功能。...选项2:更新根 package.json 文件,或者把 package.json 添加到包含 ES 模块目录中,并将 type 指定为 module。...{ "type": "module" } 另一种可能性是在根 package.json 文件中启用 ES 模块,然后重命名所有 CommonJS 模块文件来使用 .cjs 扩展名。...我个人觉得 .mjs 和 .cjs 扩展名比较粗略,所以我很乐意看到有一些方法可以通过 package.json 文件去指定 ES 和 CommonJS 模块用法。...这些报告能够在未处理异常、致命错误、进程信号或使用新 process.report API 时触发。可以在 Node.js 中配置诊断报告,并以指定文件名保存到文件夹中。

1K10

Python之错误和异常模块(基础系列第四篇)

捕获异常实现过程: 1.执行try和except关键字之间部分 2.如果没有异常发生,except子句在try语句执行完毕后就被忽略了。...3.如果在 try 子句执行过程中发生异常,那么该子句其余部分就会被忽略。如果异常匹配于except关键字后面指定异常类型,就执行对应except子句。...然后继续执行try/except语句之后代码。 4.如果发生了一个异常,在except子句中没有与之匹配分支,它就会传递到上一级try语句中。...如果最终仍找不到对应处理语句,它就成为一个未处理异常,终止程序运行,显示提示信息。...为了避免第4条情况产生,在except语句中可以使用所有异常父类Exception,这样就囊括了所有异常可能发生状况: In [15]: try: ...: print(a+b)

77120

Python错误、异常模块

捕获异常实现过程: 1.执行try和except关键字之间部分 2.如果没有异常发生,except子句在try语句执行完毕后就被忽略了。...3.如果在 try 子句执行过程中发生异常,那么该子句其余部分就会被忽略。如果异常匹配于except关键字后面指定异常类型,就执行对应except子句。...然后继续执行try/except语句之后代码。 4.如果发生了一个异常,在except子句中没有与之匹配分支,它就会传递到上一级try语句中。...如果最终仍找不到对应处理语句,它就成为一个未处理异常,终止程序运行,显示提示信息。...为了避免第4条情况产生,在except语句中可以使用所有异常父类Exception,这样就囊括了所有异常可能发生状况: In [15]: try:     ...:     print(a+b)

1.2K40

nodejs 写 bash 脚本终极方案!

而且注意:error对象不同于stderr. error当child_process模块无法执行命令时,该对象不为空。例如,查找一个文件找不到该文件,则error对象不为空。..., 如果退出码不是0,不跑出异常. ts接口定义 function nothrow(p: P): P 复制代码 await nothrow($`grep something from-file`.../package.json') 复制代码 os await $`cd ${os.homedir()} && mkdir example` 复制代码 配置: $.shell 指定要用bash. $....注意: __filename & __dirname这两个变量是在commonjs中。我们用是.mjs结尾es6 模块。...由于此类全局变量在脚本中非常方便,因此 zx 提供了这些以在 .mjs 文件中使用(当使用 zx 可执行文件时) require也是commonjs中导入模块方法, 在 ESM 模块中,没有定义 require

2.5K20
领券