如何使webpack output 选项 [name] 首字母大写

Question

比如说我的入口文件是input.js，那么[name]就是input，现在我要生成这样一个output：'xxInput.js'，应该怎么写。我尝试自己写了一个首字母大写的函数firstUpperCase，然后output: xx${firstUpperCase([name])}，在打包的时候报错了，那么应该怎么写？

Answer 1

{
    output: {
        filename: (chunkData) => {
          return  `xx${firstUpperCase(chunkData.chunk.name)}.js`;
        },
    }
}

Answer 2

你那种写法是字面量，webpack 是不认识的。

output.filename 也是可以传 function 类型的参数的，比如：

output: {
    filename: function(chunkData){
        // 根据 chunkData.chunk.name 自己实现文件名生成逻辑
        return 'whatever.[name].js'
    }
}

Answer 3

这个name就是webpack配置中的entry中键的名称，可以修改entry中的键

{
    entry:{
        xxInput:'/path/to/input.js'
    }
}