如何自定义webpack的4个默认输出chunk名称？

Question

像下面这样的最小配置，webpack新手如何更改默认输出脚本名称？

const path = require('path');

module.exports = {
    entry: "./src/myapp.js",
    output: {
        path: path.resolve(__dirname, 'build/js'),
        filename: "[name].js"
    },
    optimization: {
        splitChunks: {
            cacheGroups: {
                commons: {
                    test: /[\/]node_modules[\/]/,
                    name: "lib",
                    chunks: "all"
                }
            }
        }
    }
}

我尝试添加具有自定义优先级和名称的 'default' 缓存组，但我总是在输出脚本中得到 main.js。

我的目标是将源文件分成两个文件 - lib.js 和 app.js，无论它们的大小和 webpack 在拆分时可能会考虑的其他优化选项。

Answer 1

您必须为您的条目文件提供 name，但您还没有。在这种情况下，Webpack 默认为 main.js。

module.exports = {
    entry: {
        "app": "./src/myapp.js"
    },
    ... // Your other stuff

}

如何自定义webpack的4个默认输出chunk名称？

How to customize webpack's 4 default output chunk name?

webpack

webpack-4