node.js - scss 文件中的相对 url 路径
问题描述
我的 scss 文件中有一些相对 url 路径,例如:
&.id-1 {
background-image: url("./assets/images/live-sports/icon-soccer.svg");
}
对于另一个元素,我有这个 url 路径
&.id-1 {
-webkit-mask-image: url("./assets/images/live-sports/terminal/icon-soccer.svg");
}
在我的 angular.json 中,该项目的构建选项如下所示:
"options": {
"outputPath": "dist/AppLiveConference",
"resourcesOutputPath": "resources",
"index": "projects/AppLiveConference/src/index.html",
"main": "projects/AppLiveConference/src/main.ts",
"polyfills": "projects/AppLiveConference/src/polyfills.ts",
"tsConfig": "projects/AppLiveConference/tsconfig.app.json",
"aot": false,
"assets": [
"projects/AppLiveConference/src/favicon.ico",
"projects/AppLiveConference/src/assets"
],
"styles": [
"projects/AppLiveConference/src/styles.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js"
]
}
问题是 angular-cli 忽略子文件夹并将所有资源文件放在资源文件夹中,并且“icon-soccer.svg”相互覆盖。我怎样才能解决这个问题?
角 cli 版本:8.1.3
解决方案
你的网址是错误的,你应该删除它
"options": {
"outputPath": "dist/AppLiveConference",
"resourcesOutputPath": "resources",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": false,
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js"
]
}
推荐阅读
- java - 在 Java 中显示文本文件
- javascript - React-Native:将组件导入 App.js 时出错
- serialization - 如何将数据推送到具有 JSONSerializer 的模型的 ember 存储,因为它是 Ember js 中的 JSONAPISerializer 或 RESTSerializer 的 Serializer?
- javascript - 如何根据条件在可折叠面板内设置折叠的值?-EXTJS
- angular - 您正在公开分享您的 App Secret。不要在浏览器中公开 App Secret:从 Angular 调用 getStream API 时出错
- typescript - 如何处理分配 string|string[] 来键入字符串?
- sql - 从不同的表问题中选择列值
- angular - Angular 6 使用延迟加载访问父组件的子组件时出现意外行为
- javascript - 如何识别域名是http还是https?
- powershell - 在 Azure 中更改 Key Vault 的密码