Using injectType linkTag with webpack leads to url being an esModule

[4iAmAve]

• Operating System: Windows 10/Ubuntu 19/MacOS latest
• Node Version: latest
• NPM Version: latest
• webpack Version: 4.41
• style-loader Version: 1.0.0

Expected Behavior

The injected link tag should reference the correct link URL.

Actual Behavior

The passed url parameter into the link tag function is an esModule (for whatever reason) as follows:

{
  "default": "//localhost:4001/main.css"
}

Hence the appended <link /> child looks like this:

<link rel="stylesheet" href="[object Module]">

No matter whether we use import './main.css' or require('./main.css'); in our component code. Even import styles from './main.css' does not help.

Code

    {
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader',
            options: {
              injectType: 'linkTag'
            }
          },
          {
            loader: 'file-loader',
            options: {
              name: 'main.css',
            },
          },
        ]
      },

[alexander-akait]

Thanks for issue :+1:

[4iAmAve]

@evilebottnawi Shall I provide a PR?

[alexander-akait]

@4iAmAve no need, i already WIP on this :+1:

[4iAmAve]

@evilebottnawi

Thanks a lot. That went fast. :)