我正在开发一个基于Angular库的项目(使用SCSS)。
我的项目结构如下:
├───UI-lib
│ ├──assets
│ │ └───styles/
│ │ └───_theme.scss
│ │ └───_varialbes.scss
│ └──src
│ └───lib
│ └─modules
│ ├───autocomplete
│ │ └───components
│ │ └───auto-complete/
│ ├───checkbox
│ │ └───components
│ │ └───checkbox/
......................
│
├───App Test
├───e2e/
└───src
├───app
└───my-module
我的
ng-package.json
文件:{
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
"dest": "../../dist/ui-lib",
"assets": [
"./assets/"
],
"lib": {
"entryFile": "src/public-api.ts",
"styleIncludePaths": [
"./assets/styles/_theme.scss"
]
},
"whitelistedNonPeerDependencies": ["."]
}
问题在于我无法在我的模块组件中导入_varialbe.scss
文件。
你能帮我解决如何在UI-lib/src/lib/modules/autcomplete/components/autocomplete/autocomplete.component.scss
中导入_variables.scss
文件吗?
我尝试在网上搜索,但没有找到可行的解决方案。