如何在多个vue项目中复用本地file.js？答案

【问题标题】：How to reuse local file.js in several vue projects?如何在多个vue项目中复用本地file.js？
【发布时间】：2021-05-18 16:43:06
【问题描述】：

我的 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>

【问题讨论】：

【解决方案1】：

如果你的 file.js 不是很复杂，你可以在你的 Vue.js 应用程序中使用Adding Instance Properties。例如，在您的 main.js 文件中，您应该执行以下操作：

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

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

【讨论】：