Importação de estilos CSS no Webpack

No Webpack, é possível importar estilos CSS diretamente para um arquivo JavaScript. Assim:

src/index.jsimport './styles.css';

Os estilos importados serão inseridos diretamente no arquivo de build JavaScript. Em seguida, quando o bundle for vinculado ao arquivo HTML, o próprio script irá inserir esses estilos na tag style.

No entanto, o Webpack não consegue importar estilos de forma tão simples. Para isso, é necessário fazer algumas configurações. Vamos lidar com elas nas próximas lições.