Я пытаюсь создать общую библиотеку для наших стилей и ресурсов. Я пробовал все предложения через здесь и статьи Medium, но я не могу заставить его работать.
Наша установка стандартна:
apps
- ui
libs
- react-components
- shared/assets/src/assets/images
nx.json
workspace.json
рабочее пространство:
// main project
"myApp": {
"root": "apps/ui/myApp",
"sourceRoot": "apps/ui/myApp/src",
"projectType": "application",
"schematics": {},
"architect": {
"build": {
"builder": "@nrwl/web:build",
"options": {
....
"assets": [
"apps/ui/myApp/src/favicon.ico",
"apps/ui/myApp/src/assets",
{
"glob": "**/*",
"input": "./libs/shared/assets/src/assets/",
"output": "./assets/"
}
],
"styles": ["apps/ui/myApp/src/styles.scss"],
"scripts": [],
"webpackConfig": "apps/ui/myApp/webpack.config.js"
},
.....
"shared-assets": {
"root": "libs/shared/assets",
"sourceRoot": "libs/shared/assets/src",
"projectType": "library",
"schematics": {},
"architect": {} // I removed what was auto-generated here since it's not a react component and just files
}
Теперь в apps / ui / src / myapp.tsx I ' Я пытаюсь импортировать изображение из общей папки, но когда я запускаю приложение, оно терпит неудачу, потому что не может найти файл.
Я даже не пытался посмотреть, сработают ли стили, полагая, что он тоже потерпит неудачу.
Все примеры и другие вопросы StackOverflow, которые я нашел в этой теме c, ссылались на Angular. Я не думал, что это важно.
Просто интересно, что я что-то упускаю или я делаю что-то не так?