我有一个基于Vue框架和webpack的网站。
我发现了这个由谷歌开发的css框架(MaterialComponentsWeb(，在那里你可以直接开始使用cdn或npm包。它在一个简单的基于html/javascript的网站上运行得非常好。但是，我在为Vue项目设置它时遇到了问题。
Vue框架还有其他包装器，如Veutily和Vue Material。但是，它附带了很多额外的东西，比如网格布局，我不希望开发人员遵循这些东西，因为我们已经在使用flex布局了。我只想要元件库。
那么，有没有一种方法可以将MaterialComponentsWeb与Vue框架一起使用呢？
我没有让Material Components Web使用Vue框架。但我确实找到了另一种轻质材料设计框架，即material design Lite。
注：它并不适用于任何框架。它可以让你在任何框架中开发的网站上添加材料设计外观
您可以很容易地开始使用各种各样的选项，如cdn、bower、npm，甚至可以下载文件。
材料组件Web具有模块化架构。每个组件或API都作为一个单独的包分发。这意味着您可以单独使用它们，尽管存在一些依赖关系。
还有"；根"；package-materialcomponentsweb，它只引用所有其他包。
默认情况下，当您添加程序包时，它将不会包含在您的应用程序中。您需要导入组件的SCSS和可选的JavaScript。基本上就像你会使用任何其他组件一样。
请参考此Vue应用程序模板作为示例。正如您在这里看到的，它只引用了MDC组件/API的子集。