thr3a https://blog.hatena.ne.jp/thr3a/ 動かざることバグの如し https://blog.turai.work/ vuejs nodejs nuxt.js 環境 Nuxt.js 2.8 背景 Nuxt.jsはVuejsを元に作られているので、CSSフレームワークを追加したいときは、「追加したいCSSフレームワーク vuejs」とかで検索すればインストール方法がすぐ出る。現に、bootstrap-vueとかvuetifyはそれ専用のライブラリが出ているので、npm install するだけで簡単に導入できる。 一方で、Vuejs向けに最適化されていないCSSフレームワークは導入がよくわからなかったのでメモ。巷ではCSSファイルを落としてきてとか直リンクをそのままstyleタグで読み込んでいたりするが、ちょっとイケてなさすぎるのでは。。 条件としては… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.turai.work%2Fentry%2F20190812%2F1565593926" title="Nuxt.jsにCSSフレームワークを導入するまでの手順 - 動かざることバグの如し" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-08-12 16:12:06 rich https://blog.turai.work/entry/20190812/1565593926 1.0 100%