Tengo un módulo main.ts que llama a import './style.css' en la parte superior. Esto se traslada a la misma declaración de import en el ES6 emitido por Typescript. Estoy ejecutando Webpack con cargador de estilo en la salida JS. Esto funciona bien y crea el CSS en la salida final de dist/main.js .

Sin embargo, esto significa que mi src/ JS ahora está roto, ya que tiene esta llamada de import en la parte superior. Específicamente, cuando quiero quedarme sin src/ obtengo esto:

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/css". Strict MIME type checking is enforced for module scripts per HTML spec.

Realmente no quiero que Webpack sea un paso necesario en el desarrollo, solo cuando implemente. Parece que Webpack seguiría el enlace si usara require.js, pero me gustaría hacer esto sin recurrir a require(). ¿Hay algún tipo de meta-sintaxis o comentarios que pueda usar, o inclusiones forzadas en webpack.config.js, para hacer que Webpack incluya el CSS y permitir que los motores de Javascript lo ignoren?

Una cosa que probé y que funciona es try { require(['style.css']); } catch (e) {} en lugar de la importación. De esa manera, en realidad no necesito require. Simplemente parece bastante tonto.