我创建了一个非常基本的vue插件,其中包含一些将在另一个项目中使用的组件。插件代码可以在here中找到。单独测试后,该插件可以正常工作。
为了在另一个项目中使用此插件,我用
构建了插件代码vue-cli-service build --target lib --name testplugin ./src/index.js
此插件永远不会发布到NPM注册表中,只能在内部使用。因此,要在另一个项目中测试插件模块,请在插件目录上运行npm link
,然后在另一个项目中运行npm link testplugin
。
然后我将其用于另一个项目,如下所示-
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import router from '@/router'
import { testplugin } from 'testplugin'
Vue.config.productionTip = false
console.log(testplugin)
Vue.use(testplugin, { })
Vue.use(VueRouter)
new Vue({
router: router,
render: h => h(App),
}).$mount('#app')
项目可以正常编译,但testplugin未定义。当我检查node_modules目录时,可以看到我的testplugin符号链接在那里。
我尝试了差异方法,但没有成功。任何指针都会有所帮助。谢谢。