LIVE
Loading live headlines…
Home Trending World Technology Entertainment Gaming Sports Music Science Lifestyle Business About Contact
c/css by u/trymeout 22mo ago

Lightning CSS: Sourcemap @include paths not updated

2 upvotes 0 comments
When I use the `--sourcemap` argument in the CLI to generate the CSS builds with sourcemaps, when the CSS uses `@include`, it does not update the path and therefore will not work.

In the code below, the builds are stored in the *dist* directory, while the CSS source code is stored in the *src* directory.

This is my simple code to reproduce this...
```
- src/
- stylesheet.css
- dist
- my-package.css
- my-package.css.map
- demo.html
- bundle.css
- package.json
```

bundle.css
```
@import 'src/stylesheet.css';
```

demo.html
```
<link rel="stylesheet" href="dist/my-package.css">
```

package.json
```
{
"name": "my-package",
"version": "1.0.0",
"license": "MIT",
"scripts": {
"build": "lightningcss --sourcemap bundle.css -o dist/my-package.css"
},
"devDependencies": {
"lightningcss-cli": "^1.25.1"
}
}
```

src/stylesheet.css
```
body {
background-color: red;
}
```

dist/my-package.css output
```
@import "src/stylesheet.css";

/*# sourceMappingURL=dist/my-package.css.map */
```

What I expected from the dist/my-package.css output
```
@import "../src/stylesheet.css";

/*# sourceMappingURL=dist/my-package.css.map */

```

Does anyone know why this is the outcome? Any help will be most appreciated.
Open discussion