Angular2 webpack和css loader

Question

我有角度2和webpack的问题。 问题是，如果我在我的css文件中使用相对路径，如 “background：url（”./../ images / squares.gif“）中心左侧不重复;” 构建应用程序时出错：

“15％19/20 build modulesModuleBuildError：模块构建失败：SyntaxError：意外的令牌ILLEGAL”

我的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'
}