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

我尝试添加＆＃39;默认＆＃39;具有自定义优先级和名称的缓存组，但我总是在输出脚本中输出 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个默认输出块名称？

1 个答案: