material-design - 如何将 Material Design 组件导入 Progressive Web App Starter Kit？

Question

我想在我的Progressive Web App Starter Kit中使用Material Design Component: Lists。

所以...

npm install @material/list

怎么办？

我能想到的就是

import { MDCList } from '@material/list/dist/mdc.list.css'

或者

<link rel="stylesheet" href="/node_modules/@material/list/dist/mdc.list.css"/>

两者都会产生错误。我应该怎么办？

Answer 1

您可以下载具体化 css 和 js 文件，并将其保存在项目文件夹的根级别

然后在 app.js （你的入口点文件）

 html`
      <link rel="stylesheet" href="./styles/materialize.min.css" />
      <script type="text/javascript" src="./js/materialize.min.js"></script>
<div> Your content here..</div>
`

根据您创建的文件夹给出路径