最新版で学ぶwebpack 5入門 - Bootstrapをバンドルする方法 - ICS MEDIA
モジュールバンドラーwebpack（ウェブパック）はJavaScriptだけでなくCSSもバンドルできるツールです。タスクランナーGulpで対応していたことの多くはwebpackで置き換えが可能。JavaScriptエンジニアだけでなく、CSSコーダーにも利用が拡大しているのではないでしょうか？ 前回の記事「webpackにスタイルシートを取り込む方法」ではCSS・Sassとwebpackの連携方法について解説しました。今回は応用としてCSSフレームワークのBootstrap 5をwebpackで利用する方法を解説します。最小構成と、応用構成の二通りについて説明します。 ▲Bootstrapの公式サイト ※この記事は2023年3月現在最新のBootstrap 5、webpack 5、Node.js 19で解説しています。 Bootstrap とは BootstrapとはもとはTwitter
七転八起 - wordpress + vue.js + bootstrapでブログをSPA化しました。
得意：Laravel, vue.js, react, ReactNative。 趣味：音楽・ドラム・作曲・歴史。 本ブログをSPA化しました。 元々フロントエンドの開発や技術に興味があって、ブログのデザインもやってみたかったので、 勉強がてら作りました。 ブログはwordpressを使っており、 フロントエンドはvue.js, jquery, デザインやcssフレームワークはbootstrap, fontawesomeを使いました。 ブログに関する情報はwordpressのREST APIを使って、axiosで取得するようにしました。 javascriptは最近流行りのwebpackでコンパイルする形で作成してます。 昨日リリースすることができましたが、 ノウハウや悩んだことなどを書いていこうと思います。 どうやって勉強したか Vue.js 公式 まずは公式の「学ぶ」から、使い方を勉強して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
