Laravel mixを使ってmdbootstrapをインストールします

#install mdb

npm i mdbootstrap
npm i @fortawesome/fontawesome-free

無駄なのはいってますが、package.json

package.json

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "cross-env": "^5.0.1",
    "jquery": "^3.2",
    "laravel-mix": "^4.0.7",
    "lodash": "^4.17.4",
    "resolve-url-loader": "^2.3.1",
    "sass": "^1.15.2",
    "sass-loader": "^7.1.0",
    "vue-template-compiler": "^2.6.11"
  },
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.12.0",
    "axios": "^0.19.1",
    "bootstrap": "^4.4.1",
    "chart.js": "^2.9.3",
    "mdbootstrap": "^4.11.0",
    "popper.js": "^1.14.3"
  }
}

#setting bootstrap.js

resourece/asset/js/bootstrap.js

try {
    window.Popper = require('mdbootstrap/js/popper').default;
    window.$ = window.jQuery = require('mdbootstrap/js/jquery');
    require('mdbootstrap/js/bootstrap');
    require('mdbootstrap');
} catch (e) { }

#import app.scss

app.scss

@import "~@fortawesome/fontawesome-free/css/all";

// Bootstrap
@import "../../../node_modules/mdbootstrap/css/style.css";
@import "~mdbootstrap/scss/mdb-free";
@import "../../../node_modules/mdbootstrap/css/bootstrap.min.css";

#fin

npm run dev