Angular/npm：如何基于现有项目创建模板并自动清理冗余模块？

1. 自定义Angular Schematics #

这是Angular官方推荐的模板自动化工具，能封装你的项目结构、可复用模块，同时自动移除专属模块并调整配置文件：

• 编写Schematics规则：明确要保留的文件（日志、授权、共享组件等）、要删除的专属模块文件，自动修改app.module.ts和index.html中的引用
• 打包成本地npm包：把Schematics发布到私有npm仓库或者本地链接，其他项目直接通过ng generate命令生成基于你模板的新项目
• 核心逻辑示例：在Schematics的index.ts中用Tree API删除指定文件，用ast-utils修改模块导入和声明

2. 脚本自动化（Shell/Node.js） #

写一个简单脚本批量处理文件和配置：

• Shell脚本：用cp复制项目到新目录，rm删除专属模块文件，用sed替换app.module.ts和index.html中的专属模块引用
• Node.js脚本：用fs-extra处理文件复制删除，用cheerio解析修改HTML，用ts-morph操作TypeScript文件，比Shell更灵活，适合复杂代码修改
• Node.js代码片段示例：

const fs = require('fs-extra');
const ts = require('ts-morph');

// 复制项目到新目录
await fs.copy('./template-project', './new-project');
// 删除专属模块
await fs.remove('./new-project/src/app/feature/exclusive-module');
// 修改app.module.ts
const project = new ts.Project();
const moduleFile = project.addSourceFileAtPath('./new-project/src/app/app.module.ts');
// 移除专属模块的导入和声明
moduleFile.removeImportDeclaration(moduleFile.getImportDeclaration('ExclusiveModule'));
const appModuleDecorator = moduleFile.getClassDeclaration('AppModule')?.getDecorator('NgModule');
const declarationsProp = appModuleDecorator?.getProperty('declarations');
const exclusiveComp = declarationsProp?.getChildren()?.find(child => child.getText() === 'ExclusiveComponent');
exclusiveComp && declarationsProp.removeChild(exclusiveComp);
await moduleFile.save();

3. Git模板仓库方案 #

把模板项目做成Git模板仓库，配合自定义初始化脚本：

• 标记专属模块：给专属模块文件加特殊后缀（比如.exclusive.ts），或者统一放在exclusive/目录下
• 编写git-init钩子：仓库克隆后自动执行脚本，删除专属模块目录，修改配置文件
• 使用方式：其他项目直接通过git clone --template=./your-template-repo.git new-project创建，钩子自动完成清理

4. 项目拆分（长期最优方案） #

把可复用模块单独抽成独立Angular库：

• 用ng generate library把日志、授权、共享组件等封装成npm包，发布到私有仓库
• 保留一个极简模板项目，只包含导航、基础配置，以及对这些库的引用
• 新项目直接基于极简模板创建，按需添加业务模块，完全避免删除专属模块的操作

内容的提问来源于stack exchange，提问作者TheAnonymousModeIT