npm方式开发的插件使用yarn link的方式引入到目标项目中,在目标项目中无法读取到Vue,vuex, vue-i18n的解决方法
将插件在目标项目中联调
- 在插件项目根目录下执行
yarn link
- 成功后,在目标项目根目录下执行:
yarn link 插件名(package.json中的name)
- 在目标项目的
webpack.base.conf.js
中修改如下两处配置:
resolve: {
...
symlinks: false,
alias: {
'vue$': resolve('node_modules/vue/dist/vue.esm.js'),
...
},
},
- 在插件项目中执行
yarn dev
- 在目标项目中再做上面第七步、第八步的配置使用即可。