Path normalization in v0.19.29-31

[danturu]

I have a few stylesheets:

component.css:

.h1 {
  composes: primaryText from "./colors.css";
}

colors.css:

.primaryText {
  color: #0d7689;
}

When I import component.css SystemJS v0.19.29-31 fails:

System.import('app/client/components/component.css!css.js').then(r => console.log(r));

// Error loading http://0.0.0.0:7070/http:/0.0.0.0:7070/app/client/components/colors.css!http://0.0.0.0:7070/css.js

The problem is here http://0.0.0.0:7070/http:/0.0.0.0:7070/. SystemJS v0.19.28 works fine. My config.js is default. Is it a bug?

[guybedford]

What CSS plugin are you using here?

[danturu]

@guybedford jspm-loader-css with a custom config:

import { CSSLoader, Plugins } from 'jspm-loader-css';

import postcssAutoreset from 'postcss-autoreset';
import postcssColorFunction from 'postcss-color-function';
import postcssNested from 'postcss-nested';

const { fetch, bundle } = new CSSLoader([
  postcssAutoreset,
  postcssColorFunction,
  postcssNested,
  Plugins.values,
  Plugins.localByDefault,
  Plugins.extractImports,
  Plugins.scope,
  Plugins.autoprefixer(),
], __moduleName);

export { fetch, bundle };

[guybedford]

@rosendi right, yes I think jspm-loader-css may have some bugs here unfortunately. I'd suggest either posting an issue there or investigating other css plugins. You can also run a separate compilation before loading css through jspm too.

[danturu]

This demo also fails with latest SystemJS.

[danturu]

@guybedford OK, I'll post this issue there. I'm closing it for now.

[danturu]

@guybedford What do you mean here?

You can also run a separate compilation before loading css through jspm too.

[guybedford]

I mean you could use a custom build process through another system before providing the generated css to SystemJS as well.