Webpack 使用publicPath 解决图片或者字体没法显示引用失败的问题

作项目的时候遇到个问题，css中的背景图片没法正常加载，检查缘由以后，发现是应为引用的路径有问题，因此致使了图片引用失败。

有没有什么方法可以很方便的css中图片文件的引用路径呢，webpack中publicPath能够可方便的解决

output: {
    path: "/home/proj/cdn/assets/[hash]",
    publicPath: "http://cdn.example.com/assets/[hash]/"
},

publicPath 会在引用文件的时候，将路径前面添加一个前缀，也就是将publicPath的值拼接到引用路径的前面，因此在publicPath设置一下路径就能够了。

有时候引用前缀在打包的时候 没法确认 须要后来修改，那么就入口文件中添加__webpack_public_path__全局变量

// 入口文件
__webpack_public_path__ = "http://cdn.example.com/assets/[hash]/"

这样就能够解决编译时不知道最终输出文件的 publicPath，须要动态设置publicPath的问题了