Webpack打包css中图片路径问题

在入口处entry配置publicpath:”./”
同时一般css是单独打包,用到插件extract-text-webpack-plugin 其中有也有一个publicpath 可以重写原来的pp地址(具体可以看文档) 这里配置为相对路径../这里根据实际情况来判断,以上配置结束打包以后可以以本地file://的方式打开,产品环境可以将entry中的pp地址改成cdn服务器地址,这样就不用配置css打包插件里面的publicpath了
还有一只本地环境解决css中图片问题的方法,就是将entry中的pp地址改成绝对路径__dirname 此处会出现一个问题,反斜杠问题,通过正则表达式将所有的斜杠替换为/,在将他放入pp地址
Pp地址为publicpath

你可能感兴趣的:(Webpack打包css中图片路径问题)