要解决这个问题,您可以手动配置 Angular 6 CLI,以便将库的 assets 文件夹复制到 dist 文件夹中。以下是一种可能的解决方法:
在你的库的项目文件夹中创建一个名为 ng-package.json
的文件。
在 ng-package.json
文件中添加以下内容:
{
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
"dest": "../../dist/@your-library-name",
"lib": {
"assets": [
"assets"
]
}
}
确保将 @your-library-name
替换为您的库的名称。
在你的库的项目文件夹中创建一个名为 assets
的文件夹,并将您要复制到 dist 文件夹中的文件放入其中。
在你的库的项目文件夹中创建一个名为 public_api.ts
的文件,并在其中导出您的库。
在你的库的项目文件夹中创建一个名为 tsconfig.lib.json
的文件,并添加以下内容:
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "../../dist/@your-library-name",
"declaration": true,
"declarationDir": "../../dist/@your-library-name"
},
"include": [
"**/*.ts"
],
"exclude": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
确保将 @your-library-name
替换为您的库的名称。
package.json
文件中添加以下内容:"scripts": {
"build:lib": "ng-packagr -p ng-package.json"
}
npm run build:lib
dist/@your-library-name
文件夹中找到生成的库文件和 assets 文件夹。请注意,上述解决方法假设您已经安装了 ng-packagr
。如果尚未安装,请在项目中运行以下命令进行安装:
npm install ng-packagr --save-dev
希望这可以帮助您解决问题!
上一篇:Angular 6 CLI 安装
下一篇:Angular 6 组件