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



  • 问题描述

    现在的版本编译好的文件上传服务器了,如果改了代码重新编译好的文件名称还是一样的,这样就得去刷新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'
      }
    }
    

登录后回复