@parcel/packager-html - npm Package Compare versions

lib/HTMLPackager.js

		@@ -37,7 +37,16 @@ "use strict";
		let asset = assets[0];
		let code = await asset.getCode(); // Insert references to sibling bundles. For example, a <script> tag in the original HTML
		let code = await asset.getCode();
		let dependencies = [];
		bundle.traverse(node => {
		if (node.type === 'dependency') {
		dependencies.push(node.value);
		}
		}); // Insert references to sibling bundles. For example, a <script> tag in the original HTML
		// may import CSS files. This will result in a sibling bundle in the same bundle group as the
		// JS. This will be inserted as a <link> element into the HTML here.

		let bundleGroups = bundleGraph.getExternalDependencies(bundle).map(dependency => bundleGraph.resolveExternalDependency(dependency)).filter(Boolean);
		let bundleGroups = dependencies.map(dependency => bundleGraph.resolveExternalDependency(dependency, bundle)).filter(resolved => resolved != null && resolved.type === 'bundle_group').map(resolved => {
		(0, _assert.default)(resolved != null && resolved.type === 'bundle_group');
		return resolved.value;
		});
		let bundles = bundleGroups.reduce((p, bundleGroup) => {
		@@ -44,0 +53,0 @@ let bundles = bundleGraph.getBundlesInBundleGroup(bundleGroup).filter(bundle => !bundle.getEntryAssets().some(asset => asset.id === bundleGroup.entryAssetId));

package.json

src/HTMLPackager.js

		@@ -5,2 +5,3 @@ // @flow strict-local
		import assert from 'assert';
		import invariant from 'assert';
		import {Packager} from '@parcel/plugin';
		@@ -35,9 +36,21 @@ import posthtml from 'posthtml';

		let dependencies = [];
		bundle.traverse(node => {
		if (node.type === 'dependency') {
		dependencies.push(node.value);
		}
		});

		// Insert references to sibling bundles. For example, a <script> tag in the original HTML
		// may import CSS files. This will result in a sibling bundle in the same bundle group as the
		// JS. This will be inserted as a <link> element into the HTML here.
		let bundleGroups = bundleGraph
		.getExternalDependencies(bundle)
		.map(dependency => bundleGraph.resolveExternalDependency(dependency))
		.filter(Boolean);
		let bundleGroups = dependencies
		.map(dependency =>
		bundleGraph.resolveExternalDependency(dependency, bundle),
		)
		.filter(resolved => resolved != null && resolved.type === 'bundle_group')
		.map(resolved => {
		invariant(resolved != null && resolved.type === 'bundle_group');
		return resolved.value;
		});
		let bundles = bundleGroups.reduce((p, bundleGroup) => {
		@@ -44,0 +57,0 @@ let bundles = bundleGraph

New alerts