关闭
尊敬的极客用户,您好!
感谢您一直关注并使用极客头条,为了给您带来良好的体验效果及性能,极客头条将于2018年04月27日关闭,您可以在 我的博客 中继续使用发布文章功能并看到已经发布成功的文章。
返回 登录
0

Webpack打包css中图片路径问题

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

评论