diff --git a/.changeset/tricky-sloths-retire.md b/.changeset/tricky-sloths-retire.md new file mode 100644 index 000000000..ab0c8e559 --- /dev/null +++ b/.changeset/tricky-sloths-retire.md @@ -0,0 +1,5 @@ +--- +'@web/storybook-builder': patch +--- + +bundle preview assets diff --git a/package-lock.json b/package-lock.json index 441ccf080..c60db780e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -41544,7 +41544,7 @@ }, "packages/rollup-plugin-html": { "name": "@web/rollup-plugin-html", - "version": "2.2.1", + "version": "2.3.0", "license": "MIT", "dependencies": { "@web/parse5-utils": "^2.1.0", @@ -41799,7 +41799,7 @@ "@web/dev-server": "^0.4.0", "@web/dev-server-core": "^0.7.0", "@web/dev-server-rollup": "^0.6.1", - "@web/rollup-plugin-html": "^2.1.2", + "@web/rollup-plugin-html": "^2.3.0", "browser-assert": "^1.2.1", "es-module-lexer": "^1.2.1", "esbuild": "^0.19.5", diff --git a/packages/storybook-builder/package.json b/packages/storybook-builder/package.json index fc4520630..1c8dff435 100644 --- a/packages/storybook-builder/package.json +++ b/packages/storybook-builder/package.json @@ -56,7 +56,7 @@ "@web/dev-server": "^0.4.0", "@web/dev-server-core": "^0.7.0", "@web/dev-server-rollup": "^0.6.1", - "@web/rollup-plugin-html": "^2.1.2", + "@web/rollup-plugin-html": "^2.3.0", "browser-assert": "^1.2.1", "es-module-lexer": "^1.2.1", "esbuild": "^0.19.5", diff --git a/packages/storybook-builder/src/index.ts b/packages/storybook-builder/src/index.ts index adac2d480..78e28e042 100644 --- a/packages/storybook-builder/src/index.ts +++ b/packages/storybook-builder/src/index.ts @@ -142,8 +142,9 @@ export const build: WdsBuilder['build'] = async ({ startTime, options }) => { plugins: [ rollupPluginHTML({ input: { html: await generateIframeHtml(options), name: 'iframe.html' }, - // default assets behavior of the plugin breaks, sb-common-assets are shared between manager and preview and copied separately - extractAssets: false, + extractAssets: true, + bundleAssetsFromCss: true, + externalAssets: 'sb-common-assets/**', }), rollupPluginNodeResolve(), rollupPluginPrebundleModules(env),