关于webpack里 图片路径问题，如何使用cdn路径

Question

react+redux同构页面遇到的问题，现在图片引用本地调试是相对路径，我用的assets-webpack-plugin ，编译后只有js,css的版本号，图片我想编译的时候改变路径为cdn路径， webpack有这样的插件吗？ 还是说用别的手法也可以解决的，求大家帮忙下~~~

刚用public 但是只能解决css里的路径问题， 我的模板里jsx的版本号不知道有什么优雅的解决办法，现在能想到的就是引用一个version文件去控制，但这样的问题就是我每个组件下引用img的都要去加版本号，这样挺坑的，不知道有什么别的办法

Answer 1

stackoverflow.com 似乎有一个同样的问题。webpack 是用来打包本地文件的，cdn 文件恐怕不行

Answer 2

说一下我的解决方案：
1、写一个webpack插件，把项目中的全部资源文件名和hash值做成映射例如：`
{
"/animation-game/assets/audio/hero_run.mp3": "a3bb5232",
"/animation-game/assets/audio/monster_attack.mp3": "9ad0ab84",
}`

2、有了以上映射关系，下面就顺理成章了

3、每次编译打包时生成新的映射关系

Answer 3

webpack2 css-loader options里面有个root,可以给background-image: url(/imgages/test.png); 这种添加前缀的,最终生成 background-image: url(//cdn.test.com/images/test.png); 不知道你说的是不是这个问题