如何在Angular项目中使用本地安装的Syncfusion.Angular版本？

1. 定位本地依赖包目录 #

Syncfusion本地安装完成后，所有Angular相关的npm包会存放在类似以下的路径中（请根据你的实际安装路径和版本号调整）：
C:\Program Files (x86)\Syncfusion\Essential Studio\[你的版本号]\Angular\packages
该目录下会有多个@syncfusion开头的子文件夹，对应不同功能的控件包。

2. 安装本地控件包到项目 #

方式一：直接安装单个本地包 #

在你的Angular项目根目录，运行命令安装需要的控件包，比如要使用按钮控件：

npm install "C:\Program Files (x86)\Syncfusion\Essential Studio\[你的版本号]\Angular\packages\@syncfusion/ej2-angular-buttons"

方式二：搭建本地npm仓库（多项目复用更高效） #

• 先安装本地仓库工具verdaccio：

npm install -g verdaccio

• 启动本地仓库：

verdaccio

• 进入每个@syncfusion控件包的目录，执行发布命令推送到本地仓库：

npm publish --registry http://localhost:4873

• 在你的Angular项目根目录创建/修改.npmrc文件，添加以下内容指定使用本地仓库：

registry=http://localhost:4873/

之后就可以像在线安装一样，用npm install @syncfusion/ej2-angular-buttons这类命令安装本地控件包。

3. 在项目中引入并使用控件 #

以按钮控件为例：

1. 在app.module.ts中导入对应模块：

import { ButtonModule } from '@syncfusion/ej2-angular-buttons';

@NgModule({
  imports: [ButtonModule]
})
export class AppModule { }

2. 在组件模板（如app.component.html）中添加控件代码：

<e-button>测试按钮</e-button>

4. 引入本地样式文件 #

控件样式文件同样在本地包目录中，比如按钮控件的样式路径为：
C:\Program Files (x86)\Syncfusion\Essential Studio\[你的版本号]\Angular\packages\@syncfusion/ej2-angular-buttons\styles\material.css
你可以通过两种方式引入：

• 在angular.json中配置全局样式：

"styles": [
  "node_modules/@syncfusion/ej2-angular-buttons/styles/material.css",
  "src/styles.css"
]

• 在组件样式文件中通过@import引入：

@import "~@syncfusion/ej2-angular-buttons/styles/material.css";

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