laravelのフロント部ははデフォルトでHTMLテンプレートにbalde、
javascriptはnpmベースになっている。変えることも可能。
webpack.mix.jsにてjsとcssの指定がある。
全画面共通で使用するライブラリは
resources/js/bootstrap.jsで記載、
スタイルシート(cssやscss)などは
resources/sass/app.scssに記載
npm run prod/devで以下のファイルに内包される。分割することも可能。
public/js/app.js
public/css/app.css
popper.jsとjquery
デフォルトで記載有
bootstrap
HTMLのレイアウトテンプレート
公式
npm install bootstrap
resources/js/bootstrap.js
require('bootstrap');
resources/css/app.scss
@import '~bootstrap/scss/bootstrap';
moment
時間操作ライブラリ。
メジャーアップを止めるらしいので代替ライブラリが必要
公式github
npm install moment
resources/js/bootstrap.js
window.moment = require('moment');
tempusdominus-bootstrap-4(bootstrapベースのDatetimepicker)
bootstrap3までは提供されていたが、v4になってから提供がなくなった。
以下でbootstrap4ベースのDatetimepickerを提供されていたけど
momentjsの開発停止に伴い、ライブラリに移行する模様？
公式
npm install tempusdominus-bootstrap-4
resources/js/bootstrap.js
require('tempusdominus-bootstrap-4');
resources/css/app.scss
@import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4-build';
datatabales
一覧表の操作ライブラリ
公式
bootstrap4ベースもスタイルも用意されている。
こちらからframeworkやstyleなどを選択してnpm/yarnなどでの導入方法が下部に表示される