如何在Angular项目中移除Angular Universal

Question

我在我的项目中启用了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

但是，它并没有完全被删除。

有没有任何命令可以完全删除它？

- user11912021

---

你有检查过 angular.json 文件的配置吗？我认为你还需要从那里删除一些配置。 - BruneX

Answer 1

这对我起作用（从 "@nguniversal/express-engine": "^13.1.0",）：

1. 使用npm删除这些依赖项：

npm uninstall @nguniversal/express-engine
npm uninstall @nguniversal/builders
npm uninstall express
npm uninstall @types/express

2. 从你的解决方案中移除以下文件：

./server.ts    
./tsconfig.server.json    
./src/main.server.ts
./src/app/app.server.module.ts
// Delete `*webpack.server` config file if exists!

3. 删除配置文件中不必要的代码：

• 从 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",

• 从 angular.json 中删除 "server" 或 "prerender" 部分:

• 从 app.module.ts 中删除 withServerTransition:

* From _app-routing.module.ts_, this is not needed:

4. 如果您一直在使用Firebase、@angular/fire、Google Cloud Functions或类似的东西...也许您需要查找并删除更多的代码:

- Sangarllo

---

如果您正在使用Visual Studio IDE，您需要从项目文件的发布路径中删除dist-server部分： <DistFiles Include="$(SpaRoot)dist\**; $(SpaRoot)dist-server\**" /> - Neville

Answer 2

根据 Angular 文档中的链接 https://angular.io/guide/universal

查看页面的第二个部分（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

我会彻底删除这些文件，或者删除这些文件中与 Angular Universal 相关的部分。

- laserany

---

一些文件，例如tsconfig.json和package.json正在被修改而不是删除！ - Erez Shlomo

你要删除 src/main.ts 吗？ - Muhammad bin Yusrat

注意！这些文件（tsconfig.json、tsconfig.app.json 或 package.json）中有一些只是被修改了，而不是被创建了，因为它们对于 Angular 应用程序是必不可少的。 - Sangarllo