如何在多个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