Как импортировать компоненты дизайна материалов в стартовый комплект Progressive Web App?

Question

Я хочу использовать Material Design Component: Списки в моем Прогрессивном Начальном наборе веб-приложений.

Так...

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>
`

укажите путь в соответствии с созданной вами папкой