feat: Handle scss, sass or less as input correctly

[daniel-rose]

Currently, inputs of type scss, sass or less are rendered with the script tag. This pull request ensures that the link tag provided for this purpose is used.

Here is an example vite configuration that can be used to simulate the problem:

...

export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
  ...

  return {
    server: {
      origin: 'http://foo.bar',
      ...
    },
    build: {
      manifest: true,
      rollupOptions: {
        input: ['./src/foo.tsx', './src/scss/bar.scss'],
        ...
      },
    },
    ...
  }
})

[mindplay-dk]

hi Daniel,

sorry, but I don't understand the use-case or the changes you're proposing.

when or why would you have an .scss (etc) file as an entry-point?

are you building a library? and in that case, why would you want to emit tags?

are you just trying to make the CSS load? in that case import "/scss/bar.scss" from foo.tsx and it should preload.

either way, I'm not comfortable merging a change like this without test coverage.