extract-text-webpack-plugin、url-loader打包后css中图片路径问题

Question

url-loader 配置

{
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    use: [{
        loader: 'url-loader',
        options: {
            limit: 10000,
            name: path.posix.join('static', 'img/[name].[hash:7].[ext]')
        }
    }]
}

extract-text-webpack-plugin配置

new ExtractTextPlugin({
    filename: path.posix.join('static', 'css/[name].[contenthash].css'),
    allChunks: true
}),

打包的图片路径变成了 static/css/static/img/***.ff92885.png

把css的路径 static/css 也重复写进去了，请问如何解决？

Answer 1

ExtractTextPlugin.extract里面设置publicPath