外部のプロジェクトのファイルをImportして利用できるか?

ご質問です。

外部の VueJSプロジェクトのファイルを Importして利用する事は可能でしょうか?

VueProj1
└─ src
└─ components
└─ MyComponent.vue

VueProj2
└─ src
└─ main.ts
└─ package.json
└─ postcss.config.js
:
:

例えば上記の構成で VueProj2 から VueProj1 にある MyComponent.vue を参照して利用するために、
VueProj2 で main.ts で下記の実装を行うとエラーになり利用できません。

import Vue from ‘vue’;
import App from ‘./App.vue’;
import VueCustomElement from ‘vue-custom-element’;
Vue.use(VueCustomElement);

import MyComponent from ‘…/…/VueProj1/src/components/MyComponent.vue’;
Vue.customElement(‘my-component’, MyComponent);

(エラー)
error in …/VueProj1/src/components/VueButton.vue?vue&type=style&index=0&lang=scss&

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: No PostCSS Config found in: ~~\VueProj1\src\components

下記で紹介されているように
https://blog.pusher.com/building-external-modules-vuejs/
完全な external modules まで実装を行えば可能かと推測されますが、
これは手軽でないため VueProj1 で作成した コンポーネント(MyComponent.vue)を
VueProj2 に都度ファイルコピーして利用しているのが現状です。

ご意見、またヒントで構いませんので、宜しくお願い致します。

I can see that You have error with PostCSS config:

“Error: No PostCSS Config found”

Regards