,可以通过以下步骤实现:
ng new my-library --create-application=false
cd my-library
ng generate library my-library
assets
的文件夹:mkdir assets
svg-icons
)复制到assets
文件夹下assets
文件夹下创建一个名为svg-icons
的文件夹,并将svg文件复制到该文件夹下tsconfig.lib.json
的文件,并添加以下内容:tsconfig.lib.json
的文件,并添加以下内容:tsconfig.lib.prod.json
的文件,并添加以下内容:tsconfig.lib.prod.json
的文件,并添加以下内容:ng-package.json
的文件,并添加以下内容:ng-package.json
的文件,并添加以下内容:public-api.ts
的文件,并添加以下内容:public-api.ts
的文件,并添加以下内容:tsconfig.json
的文件,并添加以下内容:tsconfig.json
的文件,并添加以下内容:angular.json
的文件,并添加以下内容:angular.json
的文件,并添加以下内容:tsconfig.spec.json
的文件,并添加以下内容:tsconfig.spec.json
的文件,并添加以下内容:karma.conf.js
的文件,并添加以下内容:karma.conf.js
的文件,并添加以下内容:src
的文件夹,并进入该文件夹:cd src
src
文件夹下创建一个名为lib
的文件夹,并进入该文件夹:cd lib
lib
文件夹下创建一个名为my-library.module.ts
的文件,并添加以下内容:lib
文件夹下创建一个名为my-library.module.ts
的文件,并添加以下内容:lib
文件夹下创建一个名为my-library.component.ts
的文件,并添加以下内容:lib
文件夹下创建一个名为my-library.component.ts
的文件,并添加以下内容:cd ../..
ng build my-library
npm install ../my-library/dist/my-library
app.module.ts
文件中导入并添加MyLibraryModule
:app.module.ts
文件中导入并添加MyLibraryModule
:lib-my-library
组件:lib-my-library
组件:通过以上步骤,你可以在Angular Library组件中使用svg的相对路径。请注意,这里的示例中使用了assets/svg-icons/my-icon.svg
作为svg文件的相对路径,你可以根据实际情况修改路径。同时,你也可以根据需要在Angular Library中添加其他功能和组件。
领取专属 10元无门槛券
手把手带您无忧上云