如何单独打包特定JS文件以适应不确定的后端IP配置？

介绍

因为不确定打出的前端包所访问的后端IP，需要对项目中IP配置文件单独拿出来，方便运维部署的时候对IP做修改。

因此，需要用webpack单独打包指定文件。

CommonsChunkPlugin

module.exports={entry:{app:APP_FILE// 入口文件},output:{publicPath:'./dist/',//输出目录，index.html寻找资源的地址path:BUILD_PATH,// 打包目录filename:'[name].[chunkhash].js',// 输出文件名chunkFilename:'[name].[chunkhash].js'// commonChunk 输出文件}}

先说一下publicPath ， 这边有一个注意的点，即路径写成 ./dist 相对路径。如果写成/dist/这种绝对路径，有一个弊端是当nginx把前端的包没有放在根目录的情况下，index.html会访问资源失败。

因此推荐写成相对路径，但是当使用相对路径时，有会存在一个潜在的问题，即项目本身的路由访问如果是HTML5模式，而不是使用hash时（路由上有一个#号），那么项目一样会部署失败。

angular，react都会有这样的问题，vue没用过，应该类似。