将输出目录设定为:dist。文件名称使用模板变量动态赋予
时间: 2024-03-16 09:42:17 浏览: 42
可以使用 webpack 的 output 配置中的 filename 属性来指定输出文件的名称,并使用模板变量来动态生成文件名。具体来说,可以在 webpack.config.js 文件中添加如下配置:
```
module.exports = {
// 其他配置
output: {
filename: '[name].[hash].js',
path: __dirname + '/dist'
}
};
```
上述配置中,使用了模板变量 [name] 来表示 chunk 的名称,[hash] 则表示根据文件内容生成的唯一 hash 值。这样配置后,在运行 webpack 打包时,会将输出文件的名称动态生成,如 skc.1234abcd.js。输出目录则指定为 dist 目录。
值得注意的是,使用了 [hash] 后,每次打包时都会生成新的 hash 值,因此文件名也会随之改变。如果需要控制文件名的生成规则,可以使用其他的模板变量,如 [chunkhash](根据 chunk 内容生成的 hash 值)。