在Sapper中实现CSS

问题描述

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

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

我该如何设置？

解决方法

运行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

Original Reddit comment answer