Matt Matt - 1 month ago 13
Javascript Question

Webpack externals configuration - root key

What does it mean and what is

root
for in Webpack externals configuration?

module.exports = {
output: {
libraryTarget: "umd"
},
externals: [
"add",
{
"subtract": {
root: "subtract",
commonjs2: "./subtract",
commonjs: ["./math", "subtract"],
amd: "subtract"
}
}
]
}

Answer

Check the answer here:

webpack umd lib and external files

Basically it applies to UMD modules and it is used to solve global dependencies when your module is loaded using the <script> tag or well a CDN repo.

Comments