h5 打包好的文件名称如何加入哈希值？

[Taro小助手]

问题描述

现在的版本编译好的文件上传服务器了，如果改了代码重新编译好的文件名称还是一样的，这样就得去刷新cdn的缓存

期望行为

希望编译好的文件名称加入哈希值等标识

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。

操作系统: [e.g. Windows 10]
Taro 版本 [e.g. v1.20]
Node.js 版本 [e.g. v9.0.0]
报错平台 [h5]

解决方法：

对于js文件，使用h5.output配置即可；

{
  output: {
    filename: 'js/[name].[hash:8].js',
    chunkFilename: 'js/[name].[chunkhash:8].js'
  }
}

而如果是抽离了css文件，则需要使用h5.miniCssExtractPluginOption配置。

{
  miniCssExtractPluginOption:{
    filename: 'css/[name].[hash].css',
    chunkFilename: 'css/[name].[hash].css'
  }
}