Angular2 webpack et chargeur css

Question

J'ai un problème avec angulaire 2 et webpack. Le problème est que si j'utilise des chemins relatifs dans mon fichier css comme "background: url (" ./../ images/squares.gif ") centre gauche non-répéter;" Je des erreurs quand je construis l'application:

"15% 19/206 build modulesModuleBuildError: Module de construction a échoué: SyntaxError: jeton inattendu ILLÉGALE"

ma config webpack est:

loaders: [ 
... 
      { 
       test: /\.css$/, 
       exclude: helpers.root('src', 'app'), 
       loaders:[ExtractTextPlugin.extract('style', 'css-loader'), 'to-string', 'css'] 
      }, 
      { 
       test: /\.css$/, 
       include: helpers.root('src', 'app'), 
       loader: ['raw'] 
      } 
... 
] 

Quelqu'un peut-il m'aider?

Merci d'avance!

Answer 1

j'ai réussi à en changeant:

cette

{ 
    test: /\.css$/, 
    exclude: helpers.root('src', 'app'), 
    loaders:[ExtractTextPlugin.extract('style', 'css-loader'), 'to-string', 'css'] 
} 

à

{ 
    test: /\.css$/, 
    exclude: helpers.root('src', 'app'), 
    loader: 'style-loader!css-loader' 
}