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

由 发布于 webpackjquerylaravelnode.jslaravel-7
 收藏

在我的项目中，我正在使用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）？

评论