如何用Electro-Vue加载Metro4

Question

我正在开发一个使用electronic-vue的应用程序，我想使用Metro-UI css（尤其是metro4）使其具有Windows外观。我的问题是我不知道如何在我的应用程序中加载meter4，这样当我用电子生成器对其进行编译时，它就可以继续工作。

我通过包括Metro4在内的npm安装了依赖项。 我尝试使用将Metro文档与vue.js结合使用的示例

  

要使用VueJS，您必须执行以下操作：

     

  
• 添加后期初始化Metro 4的元标记
  
• 在安装的挂钩中初始化Metro 4
  

     

var app = new Vue({
            el: '#app',
            data: {
            },
            mounted: function () {
                Metro.init();
            }
        }) 

但是他告诉我未定义Metro，当我导入Metro时他告诉我他没有定义.init（）

这是index.ejs的代码片段，我在其中手动加载meter4，以便它在开发模式下对我有用，但是正如我已经评论过的那样，在编译解决方案时它对我不起作用

Code fragment of the index.ejs

In Development mode

when I run the compiled loses the css of metro4