Style Loader e Css Loader - Webpack 2.6.1

Fala pessoal, tudo bem?

Sempre nos treinamentos, o Flávio utiliza as versões específicas. Como bom teimoso que sou, eu sempre pego a mais nova e tento resolver os problemas que aparecem (desculpa, Flávio. rs)

Quero compartilhar com vocês a configuração que eu tive que fazer no webpack pra conseguir fazer os importsde arquivos CSS usando uma versão um pouco mais recente do CLI.

Tentei fazer do modo ensinado no video e me gerou alguns erros.

Versões

• vue-cli: 2.8.2
• webpack: 2.6.1

Configuração

Ao invés de adicionar nas rules isto:

...
{
        test: /\.css$/,
        loader: 'style-loader!css-loader'
}
...

Adicione isto:

{
   test: /\.css$/,
        use:[
          {loader: 'style-loader'},
          {loader: 'css-loader'}
        ]
}

Fonte

• Webpack - StyleLoader