如何在Laravel 7中使用Webpack.mix.js使用多个js?

在我的项目中,我正在使用Bootstrap.js,Jquery.js,Jquery_validation.js和一个custom.js(针对项目特定规则)。

我只想在所有页面上使用一个app.js。使用webpack.mix的最佳方法是什么?

我已经安装了jquery和jquery-validation,请提出建议。

package.json

"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"
}

在resource / js / app.js中

require('jquery-validation');

require('./bootstrap');

window.Vue = require('vue');

webpack.mix

mix.js(['resources/js/app.js','resources/js/snavvy.js'], 'public/js')

.sass('资源/sass/app.scss','公共/ css')    .options({         processCssUrls:否     });

所以,请告诉我如何以最佳方式使用bootstrap.js,jquery.js,jquery-validation.js和custom.js(resource / js / custom.js)?

评论