Install package "golden-layout" with externals configuration for "cc-webpack-externals-plugin"
@codecoupler/cc-webpack-externals-plugin in your Webpack configuration
golden-layout and automatically configure this
bash
npm i @cc-external/golden-layout
`
The version number of this package matches the major and minor number of the module golden-layout
that is included as dependency. The patch number do not correspond to the module patch number.
Fork used
For now this package use the fork
because of the fixed issue .
Remarks
This Package include the compiled Version of golden-layout and the origin module is not needed.
Nevertheless, you have to use the module name golden-layout in your import statements.
Only the base files will be included in your externals definition. You have to add theme files
by yourself.
You can do this in your webpack.externals.js:
`js
module.exports = [
{
module: "@cc-external/golden-layout",
entries: ["dist/css/themes/goldenlayout-light-theme.css"],
},
];
`
If you want to load the needed stylesheet files dynamically in your code you must use
the path to the module. You can read the path from the global variable ccExternals["golden-layout"].
Here an example how to implement with jQuery:
`js
let path = window.ccExternals["golden-layout"];
$("")
.appendTo("head")
.attr("type", "text/css")
.attr("rel", "stylesheet")
.attr("href", ${path}/dist/css/themes/goldenlayout-dark-theme.css);
``