Angular2 Webpack和CSS加载器

Question

我对angular 2和webpack有问题。 问题是，如果我在css文件中使用相对路径，例如“ background：url（“ ./../ images / squares.gif”），则中心不重复；” 构建应用程序时出现错误：

“ 15％的19/206构建modulesModuleBuildError：模块构建失败：SyntaxError：意外的令牌非法”

我的webpack配置是：

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']
            }
...
]

有谁能够帮助我？

提前致谢！

Answer 1

我设法通过更改：

这个

{
   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'
}