如何在Laravel Mix中停止生成任何Chunks代码块

要彻底禁止Webpack生成任何chunks，你需要修改Laravel Mix的Webpack配置，关闭chunk拆分相关的优化项，具体操作如下：

1. 添加Webpack优化配置
   在你的mix.webpackConfig中加入optimization配置，强制关闭chunk拆分和runtime chunk生成：

const path = require('path');

mix.webpackConfig({
    resolve: {
        modules: [path.resolve(__dirname, 'node_modules'), path.resolve(__dirname, 'Vue')],
        alias: {
            styles: path.resolve(__dirname, './Content/SCSS/post-login-scss/scss/'),
            Vue: path.resolve(__dirname, './Vue'),
            '@': path.resolve(__dirname, './Vue')
        }
    },
    output: {
        publicPath: '/',
        // 该配置可保留，但关闭chunk生成后不会生效
        chunkFilename: 'Scripts/app/js/chunks/[name].[chunkhash].js'
    },
    optimization: {
        splitChunks: false,
        runtimeChunk: false
    }
});

2. 检查并替换动态导入代码
   如果项目中使用了动态导入语法（比如import('./SomeComponent').then(...)），这种写法会强制Webpack生成独立chunk。要彻底停止chunk生成，需将所有动态导入改为静态导入：

// 替换前（会生成chunk）
import('./MyComponent').then(module => {
    // 使用组件逻辑
});

// 替换后（不会生成chunk）
import MyComponent from './MyComponent';
// 直接使用组件

配置说明 #

• splitChunks: false：关闭Webpack自动拆分第三方依赖、公共代码为独立chunk的功能
• runtimeChunk: false：禁止生成包含Webpack运行时代码的独立chunk

内容的提问来源于stack exchange，提问作者Srikanth