npm方式开发的插件使用yarn link的方式引入到目标项目中,在目标项目中无法读取到Vue,vuex, vue-i18n的解决方法

将插件在目标项目中联调

  1. 在插件项目根目录下执行
yarn link
  1. 成功后,在目标项目根目录下执行:
yarn link 插件名(package.json中的name)
  1. 在目标项目的 webpack.base.conf.js中修改如下两处配置:
resolve: {
    ...
    symlinks: false,
    alias: {
      'vue$': resolve('node_modules/vue/dist/vue.esm.js'),
      ...
    },
  },
  1. 在插件项目中执行
yarn dev
  1. 在目标项目中再做上面第七步、第八步的配置使用即可。
posted @ 2021-06-01 11:30  芥末Yuki  阅读(623)  评论(0编辑  收藏  举报