如何在 Angular 项目中删除 Angular Universal

14 angular-universal angular

我在我的项目中启用了 Angular Universal 。我现在想彻底删除它。我尝试删除以下文件

/server.ts
/webpack.server.config.js
/src/tsconfig.server.json
/src/main.server.ts
/src/app/app.server.module.ts
and remove server section in angular.json
Run Code Online (Sandbox Code Playgroud)

但是,它还没有完全删除。

有没有命令可以彻底删除?

小智 24

这对我有用(来自"@nguniversal/express-engine": "^13.1.0",):

  1. 使用npm来消除这些依赖:
npm uninstall @nguniversal/express-engine
npm uninstall @nguniversal/builders
npm uninstall express
npm uninstall @types/express
Run Code Online (Sandbox Code Playgroud)
  1. 从您的解决方案中删除这些文件:
./server.ts    
./tsconfig.server.json    
./src/main.server.ts
./src/app/app.server.module.ts
// Delete `*webpack.server` config file if exists!
Run Code Online (Sandbox Code Playgroud)
  1. 删除配置文件中不必要的代码:
  • package.json中删除 ssr-scripts:
 "dev:ssr": "ng run info-rincon:serve-ssr",
 "serve:ssr": "node dist/functions/server/main.js",
 "build:ssr": "ng build && ng run info-rincon:server:production",
 "prerender": "ng run info-rincon:prerender",
Run Code Online (Sandbox Code Playgroud)
  • angular.json中,删除“server”或“prerender”部分:

删除 server、server-ssr 和 prerender 部分

  • app.module.ts中,删除withServerTransition

删除 withServerTransition 区域

* From _app-routing.module.ts_, this is not needed:
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

  1. 如果您一直在使用 firebase、@angular/fire、Google Cloud Functions 或类似的东西...也许您还需要搜索并删除更多代码:

删除功能配置


las*_*any -2

基于以下链接上的 Angular 文档:https://angular.io/guide/universal

查看页面的第二部分(通用教程),它将向您显示使用 Angular Universal 创建的文件,这些文件是:-

src/index.html
src/main.ts    
src/main.server.ts    
src/style.css    
app/... app.server.module.ts    
server.ts    
tsconfig.json    
tsconfig.app.json    
tsconfig.server.json    
tsconfig.spec.json    
package.json    
webpack.server.config.js
Run Code Online (Sandbox Code Playgroud)

我会完全删除这些文件和/或删除这些文件中与角度通用相关的部分