我有一个基于 Vue 框架和 webpack 的网站。
我遇到了这个由 Google 开发的 css 框架（Material Components Web），您可以在其中直接使用 cdn 或 npm 包开始使用。它对于一个简单的基于 html/javascript 的网站非常有效。但是，我在为 Vue 项目设置它时遇到问题。
Vue 框架还有其他可用的包装器，例如Veutify和Vue Material。但是，它带有很多额外的东西，比如我不希望开发人员遵循的网格布局，因为我们已经在使用 flex 布局。我只想要组件库。
那么，有没有办法将 Material Components Web 与 Vue 框架一起使用？
我没有让Material Components Web与 Vue 框架一起工作。但我确实找到了另一个轻量级的材料设计框架，即Material Design Lite。
注意：它不特定于任何框架。它使您可以将 Material Design 外观添加到在任何框架中开发的网站
您可以轻松开始使用各种选项，例如 cdn、bower、npm，甚至下载文件。
Material Components Web具有模块化架构。每个组件或 API 都作为单独的包分发。这意味着您可以单独使用它们，尽管存在一些依赖关系。
还有“根”包 - material-components-web，它只引用所有其他包。
默认情况下，当您添加包时，它不会包含在您的应用中。您需要导入组件的 SCSS 和可选的 JavaScript。基本上就像你会使用任何其他组件一样。
以这个Vue 应用程序模板为例。正如您在此处看到的，它仅引用 MDC 组件/API 的子集。