ご質問です。
外部の 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 に都度ファイルコピーして利用しているのが現状です。
ご意見、またヒントで構いませんので、宜しくお願い致します。