flow like the river

VISUALIZACION/node_modules/parcel-bundler/src/packagers/CSSPackager.js

@@ -0,0 +1,29 @@
+const Packager = require('./Packager');
+
+class CSSPackager extends Packager {
+  async addAsset(asset) {
+    let css = asset.generated.css || '';
+
+    // Figure out which media types this asset was imported with.
+    // We only want to import the asset once, so group them all together.
+    let media = [];
+    for (let dep of asset.parentDeps) {
+      if (!dep.media) {
+        // Asset was imported without a media type. Don't wrap in @media.
+        media.length = 0;
+        break;
+      } else {
+        media.push(dep.media);
+      }
+    }
+
+    // If any, wrap in an @media block
+    if (media.length) {
+      css = `@media ${media.join(', ')} {\n${css.trim()}\n}\n`;
+    }
+
+    await this.write(css);
+  }
+}
+
+module.exports = CSSPackager;