Webpack 用 .min.js 在一个文件中编译 JS 文件？答案

【问题标题】：Webpack compile JS files with .min.js in one file?Webpack 用 .min.js 在一个文件中编译 JS 文件？
【发布时间】：2020-10-11 15:05:01
【问题描述】：

通过使用 Laravel，无法编译已经缩小的 JS 列表，就像 Webpack 忽略它一样：

.js(
[
    'resources/assets/theme/js/bootstrap.min.js',
    'resources/assets/theme/js/canvasjs.min.js',
    'resources/assets/theme/js/contact.js',
    'resources/assets/theme/js/countdown.js',
    'resources/assets/theme/js/counterup.min.js',
    'resources/assets/theme/js/jquery-3.3.1.min.js',
    'resources/assets/theme/js/jquery-ui.min.js',
    'resources/assets/theme/js/magnific-popup.min.js',
    'resources/assets/theme/js/main.js',
    'resources/assets/theme/js/map.js',
    'resources/assets/theme/js/modernizr-3.6.0.min.js',
    'resources/assets/theme/js/nice-select.js',
    'resources/assets/theme/js/owl.min.js',
    'resources/assets/theme/js/paroller.js',
    'resources/assets/theme/js/plugins.js',
    'resources/assets/theme/js/waypoints.js',
    'resources/assets/theme/js/wow.min.js'
]
, 'public/theme/js/min.js')

有什么想法吗？

感谢您的帮助

【问题讨论】：

标签： javascript laravel webpack

【解决方案1】：

您使用的是 Laravel Mix。 .js 文件即使被缩小也不会被忽略。实际发生的是您包含了一个“bootstrap.min.js”，但该库也需要 jQuery。尝试像这样添加 jQuery：

.js(
[
    'resources/assets/theme/js/jquery.min.js', // this one
    'resources/assets/theme/js/bootstrap.min.js',
    'resources/assets/theme/js/canvasjs.min.js',
    'resources/assets/theme/js/contact.js',
    'resources/assets/theme/js/countdown.js',
    'resources/assets/theme/js/counterup.min.js',
    'resources/assets/theme/js/jquery-3.3.1.min.js',
    'resources/assets/theme/js/jquery-ui.min.js',
    'resources/assets/theme/js/magnific-popup.min.js',
    'resources/assets/theme/js/main.js',
    'resources/assets/theme/js/map.js',
    'resources/assets/theme/js/modernizr-3.6.0.min.js',
    'resources/assets/theme/js/nice-select.js',
    'resources/assets/theme/js/owl.min.js',
    'resources/assets/theme/js/paroller.js',
    'resources/assets/theme/js/plugins.js',
    'resources/assets/theme/js/waypoints.js',
    'resources/assets/theme/js/wow.min.js'
]
, 'public/theme/js/min.js')

【讨论】：