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

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

我尝试添加具有自定义优先级和名称的“默认”缓存组，但最终我总是在输出脚本中包含 ma​​in.js。

我的目标是将源代码拆分为两个文件 - lib.js 和 app.js，无论它们的大小以及 webpack 在拆分时可能考虑的其他优化选项如何.

Answer 1

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

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

}