webpack 单独打包指定JS文件

背景

最近接到一个需求，因为不确定打出的前端包所访问的后端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/这种绝对