Оптимизация webpack 4 разные именования блоков между dev и prod build

Question

Я пытаюсь создать файл чанков одного поставщика с помощью оптимизации в Webpack4.Я немного запутался в том, как работает именование даже после прочтения документации.

...
output: {
    path: path.resolve(__dirname, 'dist'),
    filename: "RootSite/SiteAssets/js/[Name]_bundle.js",
    libraryTarget: "var",
    library: ["spdict", "[name]"],
},
...
optimization: {
    splitChunks: {
        cacheGroups: {
            vendor: {
                test: /[\\/]node_modules[\\/]/,
                name: "vendor",
                chunks: "all"
            }
        }
    }
},

Когда я запускаю webpack --mode development, он генерирует следующие файлы:

• vendor.vendor_bundle.js
• vendor.vendor_bundle.js.map

Когда я запускаю webpack --mode production, он генерирует следующее:

• 0.vendor_bundle.js
• 0.vendor_bundle.js.map

---

Почему существует разница в именовании между двумя режимами?

Кроме того, почему vendor.vendor_bundle.js вместо vendor_bundle.js

Answer 1

[Name] - это не распознаваемый шаблон веб-пакета, это может привести к неожиданному поведению.Попробуйте:

...
output: {
    path: path.resolve(__dirname, 'dist'),
    filename: "RootSite/SiteAssets/js/[name]_bundle.js",
    libraryTarget: "var",
    library: ["spdict", "[name]"],
},