Vue3 Vite でBULMAのスタイルを使用したプロジェクトの作成

前提

Vite を使用して Vue のプロジェクトが作成されていること。

「style.scss」を作成。src直下に作成しました。

1
2
3
4


@charset "utf-8";
// custom ここで variable の色を変更したりする

@import "bulma/bulma";

main.js の css の import を変更

1
2
3
4
5


import { createApp } from 'vue'
import "./style.scss"
import App from './App.vue'

createApp(App).mount('#app')