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

王宁
  • 2
新手上路,请多包涵

问题描述

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

图片描述
图片描述

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

ng --version
图片描述

回复
阅读 1.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏