svelte_typescript_svelte-material-ui
svelte-material-ui を導入する
参考 https://github.com/hperrin/svelte-material-ui https://github.com/hperrin/smui-example-rollup/
インストール
yarn add -D svelte-material-uirollupでPostCSSを使うためのプラグインを導入
PostCSS 8 を使用するよう警告が出たため別でインストール https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
yarn add -D rollup-plugin-postcss
yarn add -D postcsssassをインストール
yarn add -D node-sass sassrollup.config
rollup.config.js
import postcss from 'rollup-plugin-postcss'
export default {
plugins: [
postcss({
extract: true,
minimize: true,
use: [
[
'sass',
{
includePaths: ['./theme', './node_modules'],
},
],
],
}),
]
}
themeファイルを作成
空ファイルでOK
touch theme/_smui-theme.scssフォント、アイコンを使用できるようにする
public/index.html
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono" />
</head>