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