在 Sapper 中实现 CSS

【问题标题】：Materialize CSS in Sapper在 Sapper 中实现 CSS
【发布时间】：2020-10-08 15:45:14
【问题描述】：

我正在尝试在 Sapper（使用 Svelte）中建立一个项目。

我想在我的项目中使用 Materialize CSS 框架和 JS 组件。

我该如何设置？

【问题讨论】：

【解决方案1】：

运行npm i -D materialize-css（如果使用打字稿，则运行npm i -D @types/materialize-css）

然后添加

import 'materialize-css/dist/js/materialize.min.js'
import 'materialize-css/dist/css/materialize.min.css'
...
M.AutoInit();

致src/client.js

和

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

致src/template.html

编辑：如果使用打字稿，请添加

"compilerOptions": {"types": ["materialize-css", "svelte"]}

致tsconfig.json

【讨论】：