Есть ли способ создания общих ресурсов и стилей в приложении nrwl / реагировать? - PullRequest
0 голосов
/ 22 апреля 2020

Я пытаюсь создать общую библиотеку для наших стилей и ресурсов. Я пробовал все предложения через здесь и статьи 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. Я не думал, что это важно.

Просто интересно, что я что-то упускаю или я делаю что-то не так?

...