angular创建组件库时如何处理CSS中的url图片和HTML中的src图片

发布于 2022-09-11 21:00:43 字数 703 浏览 28 评论 0

问题描述

我现在用ionic开发项目, 需要创建自已的组件库,在网上查了资料(包括官方文档),通过ng generate library <库名>可以创建库, 按这个方法,创建了库后,在里面添加了库组件相应的文件,然后通过ng build <库名> 构建, 在项目的组件代码中可以正常引用库组件, 现在的问题是库组件中的样式文件(scss)中的background属性中引用的图片地址是项目下的src/assets,如下:
background:url('assets/*.jpg');
这样的话,这个库组件只能在当前项目中使用才能看到这个图片,对于库组件来说这是不对的,应该是图片属于库组件的一部分,可以在任意项目中使用,而现在ng-cli中已经没有ng eject命令可以释放webpack配置文件了,所以,我要怎么做才能将图片和其它静态资源文件与自定义库组件打包构建到一起呢?

图片描述
图片描述

问题出现的环境背景及自己尝试过哪些方法

ng --version
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文