css - 使用 Angular 7 cli 解析 css 中的 Assets 路径

标签 css angular sass command-line-interface assets

我的 Assets 文件夹中有一个图像 (toolbar-bg.svg),并试图将其设置为元素的背景图像。如果我应用 background: url('assets/toolbar-bg.svg') 那么它不会构建,因为 postcss 无法解析文件,但是如果我应用 background: url( '../assets/toolbar-bg.svg') 它构建了,但是客户端的路径是错误的,它无法加载图像。我如何让它正常工作?

最佳答案

尝试这些路径

  1. 背景:url('~/assets/toolbar-bg.svg')
  2. 背景:url('/assets/toolbar-bg.svg')

如果它们都不起作用,那么您最好尝试物理地址

关于css - 使用 Angular 7 cli 解析 css 中的 Assets 路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55109907/

相关文章:

javascript - 像素完美图像导致闪烁平滑移动失败舍入 css 变换或 css 转换

javascript - 为什么 Angular AoT 不支持装饰器中的函数表达式?

javascript - 在设置对象中使用 Angular 组件函数作为回调

css - HSL 到 HEX 错误与 Sass 的调整颜色

css - 具有相似背景图像名称的多个 div

CSS:三个不同插件与z-index冲突,z-index不生效

javascript - 如何创建没有动画的粒子网页背景(纯css)

javascript - Webpack Hook 可动态更改 SCSS 导入

html/css 六边形,里面有图片

javascript - pdf制作 |错误 : ENOENT: no such file or directory, 打开 './build/vfs_fonts.js'