問題タブ [bootstrap-vue]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
laravel - Laravel Mix での Bootstrap-Vue CSS コンパイル
Laravel 5.6、Laravel Mix 2.0、および Bootstrap-Vue 2.0.0-rc.1 を使用しています。
app.css
Bootstrap-Vue の CSS をファイルに含め、Bootstrap-Vue が<style>
タグをページに含めないように Laravel Mix を構成する方法を見つけようとしています<head>
。
パッケージのドキュメントでこのメモを見ましたが、これを適切に使用する方法がまだわかりません:
注:cssファイルをロードするにはwebpack構成が必要です(公式ガイド)
javascript - Bootstrap-vue が CSS をロードしない
Bootstrap 4 で Vue.js アプリを作成していますが、ドキュメントに従ってもロードできません。
main.js に追加
Vue.use(BootstrapVue);
App.vue に関連する css ファイルに追加:
テンプレートは次のとおりです。
結果: css はレンダリングされませんが、dist dir の css ファイルには Bootstrap が表示されます。vue-cli 3.0-beta によって作成されたプロジェクト