如何在多個vue項目中復用本地file.js？

Question

我的 file.js 有一些我想在幾個 vue 項目中重用的功能，特別是在 App.vue 中

文件結構是：

-- projec1
---- src
------ App.vue

-- project2
---- src
------ App.vue

-- myfile.js

我不能這樣直接導入

import * as alias from '../../myfile.js'

因為在生產構建期間找不到文件路徑

ERROR Failed to compile with 1 error3: 21: 38 PM
This relative module was not found: ../../myfile.js

有沒有一種簡單的方法可以做到這一點？ package.json 之類的東西

{
    myLocalDependency: path/to/myFile.js
}

並且在 App.vue 中能夠做到

<script>
import myLocalDependency from '...'

export default {
     mounted: {
         myLocalDependency.myPreciousFunction()
     }
}
</script>

Answer 1

如果您的 file.js 不是很復雜，您可以使用將實例屬性添加到您的 Vue.js 應用程序。 例如在您的main.js文件中，您應該執行以下操作：

function converter(){}
Vue.prototype.$converter = converter();

然后你就可以在你的 vue 項目的任何地方使用它，就像this.$converter