Angular2 webpack 和 css 加载器

Question

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

“15% 19/206 build modulesModuleBuildError: Module build failed: SyntaxError: Unexpected token 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'
}