吃西瓜的花猫
吃西瓜的花猫
  • 发布:2020-08-10 17:10
  • 更新:2024-01-08 11:22
  • 阅读:1155

打包出来的H5资源js文件名超级长是怎么回事

分类:uni-app

如图,这个文件名也太长了吧。

2020-08-10 17:10 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com

  
// 如下修改output.filename 和chunkFilename后,那些文件夹嵌套深的  
// 打包出来的文件名称,明显变短  
module.exports = {  
  chainWebpack(config) {  
   config.when(process.env.NODE_ENV === "production", config => {  
       config.output  
		.filename("static/js/[name]-[contenthash].js")  
		.chunkFilename("static/js/[id]-[chunkhash].js");  
  
       config.optimization.splitChunks({  
         name: function(module, chunks, cacheGroupKey) {  
			const moduleFileName = module  
						.identifier()  
						.split('/')  
						.reduceRight((item) => item);  
					const allChunksNames = chunks.map((item) => item.name).join('~');  
					return `${moduleFileName}`;  
				},  
        })  
     }  
  }  
}
wdydayday

wdydayday

借鉴楼上, 修改打包后文件名, 如下

module.exports = {  
	chainWebpack(config) {  
		config.when(process.env.NODE_ENV === "production", config => {  
			config.output  
				.filename("static/js/[name]-[contenthash].js")  
				.chunkFilename("static/js/[id]-[chunkhash].js");  
  
			config.optimization.splitChunks({  
				chunks: 'all',  
				name: function(module, chunks, cacheGroupKey) {  
					let allChunksNames = chunks.map((item) => item.name).join('~');  
					if(allChunksNames.length > 50) {  
						allChunksNames = allChunksNames.substr(0, 50);  
					}  
					return `${allChunksNames}`;  
				},  
			})			  
		})		  
	}  
}
1***@qq.com

1***@qq.com

支付宝小程序离线包无法加载超过大于100字符长度的文件

1***@qq.com

1***@qq.com

有解决的吗

要回复问题请先登录注册