title: How to use multiple js using Webpack.mix.js in Laravel 7?
body: <p>I my project I am using <strong>Bootstrap.js</strong>, <strong>Jquery.js</strong> , <strong>Jquery_validation.js</strong> and one <strong>custom.js</strong>(for project specific rules).</p>
  
  <p>I want to use only one app.js on all pages. what is the best way to use webpack.mix ?</p>
  
  <p>I have installed jquery and jquery-validation , Please suggest me.</p>
  
  <p>package.json</p>
  
  <pre><code>"devDependencies": {
      "axios": "^0.19",
      "bootstrap": "^4.0.0",
      "cross-env": "^7.0",
      "jquery": "^3.2",
      "laravel-mix": "^5.0.1",
      "lodash": "^4.17.13",
      "popper.js": "^1.12",
      "resolve-url-loader": "^2.3.1",
      "sass": "^1.20.1",
      "sass-loader": "^8.0.0",
      "vue": "^2.5.17",
      "vue-template-compiler": "^2.6.10"
  },
  "dependencies": {
      "jquery-validation": "^1.19.1",
      "savvy-js": "^1.0.7"
  }
  </code></pre>
  
  <p>in resource/js/app.js</p>
  
  <pre><code>require('jquery-validation');
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  </code></pre>
  
  <p>webpack.mix</p>
  
  <pre><code>mix.js(['resources/js/app.js','resources/js/snavvy.js'], 'public/js')
  </code></pre>
  
  <p>.sass('resources/sass/app.scss', 'public/css')
     .options({
          processCssUrls: false
      });</p>
  
  <p>So Please tell me how to use bootstrap.js, jquery.js, jquery-validation.js and custom.js(resource/js/custom.js) in best way ?</p>