据我所知,这个问题与使用less和sass相关。
Webpack在捆绑多个样式文件时遇到问题,并尝试使用CSS中的url()
方法加载CSS文件中的其他文件。
此处描述了此问题:https://github.com/webpack/extract-text-webpack-plugin/issues/27
官方答案是使用extract-text-webpack-plugin
。但是这对Angular2不起作用,因为它创建了一个CSS文件而不是字符串,而Angular2只接受组件的styles
属性中的字符串。 (它显然不会对styleUrls
起作用......)
这里可以做些什么?
这些是我的webpack配置的相关部分:
{
test: /\.less$/,
exclude: /node_modules/,
loader: ExtractTextPlugin.extract(
"raw-loader!css-loader!less-loader",
{
publicPath: "/assets"
}
)
},
// .......
new ExtractTextPlugin("assets/[name].css?[hash]-[chunkhash]-[name]"),