如何将Vue公开为全局对象

Question

我正在将遗留代码与使用Webpack构建的新代码集成。在遗留代码中，普通js仅使用：new Vue(...)从全局范围访问Vue。在Webpack中，Vue会被吸引到供应商包中，我想将Vue暴露回来，所以我的遗留代码仍会将其视为window.Vue

到目前为止我做了什么（webpack 3.x）：

{
  test: require.resolve('vue/dist/vue.esm.js'), 
  use: [{loader: 'expose-loader',
         options: 'Vue'
   }]
 }

我接近这一点，但我最终得到了window.Vue.default 实例。我该如何进一步填充它？

Answer 1

如果你可以将它转到window.Vue.default，那么只有在可用的（但不在WebPacked js中）之后添加一行代码

 app = window.Vue.default; 

然后，Vue将从app对象全局可用。