Parcel plugin should process existing sourcemaps

[binyamin]

The parcel module Lume uses doesn't support passing a source-map. However, it is possible to merge them, and it doesn't look too difficult. See parcel-bundler/lightningcss#219 (comment).

[oscarotero]

Ok, I'll take a look.
Thanks!

[binyamin]

@oscarotero Update: at the moment, the @parcel/source-map module doesn't work with Deno (See parcel-bundler/source-map#110).

• Unpkg serves the code as CommonJS, which Deno doesn't like
  • May be fixed in feat: Write ESModule files for deno and other ESM runtimes parcel-bundler/source-map#111
• Esm.sh does serve the code as ESM. But, the way it servers WASM files means that the JS can't import it.
  • Open issue Redirect non-JS files to the proper endpoint esm-dev/esm.sh#358
• I managed to get it working, by rewriting some of the module locally, but that's not an ideal situation.

[oscarotero]

Very interesting info, thanks!

I guess we have to wait until this PR is merged: parcel-bundler/source-map#111
Another option is use temporary your fork

[binyamin]

Another option is use temporary your fork

I put the code on GitLab, so I can use it in my projects for now. Let me know if you have questions.
https://gitlab.com/binyamin/lume-parcel-css

[oscarotero]

ParcelCSS just released a new version with support for incoming source maps.
Using the development version of lume (lume upgrade --dev), this configuration should work:

import lume from "lume/mod.ts";
import postcss from "lume/plugins/postcss.ts";
import parcel_css from "lume/plugins/parcel_css.ts";

const site = lume();

site.use(postcss({
  sourceMap: true
}));
site.use(parcel_css({
  sourceMap: true
}));

export default site;