首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在react production build中生成不带哈希文件名的构建

在React的生产构建中生成不带哈希文件名的构建,可以通过配置webpack来实现。以下是一种可能的解决方案:

  1. 首先,在项目的根目录下找到webpack.config.js文件(如果没有则需要创建一个)。
  2. 打开webpack.config.js文件,找到output字段,该字段用于配置构建输出的文件名和路径。
  3. 默认情况下,output字段的filename属性是使用哈希值生成的文件名,例如bundle.[hash].js。为了生成不带哈希文件名的构建,可以将filename属性修改为固定的文件名,例如bundle.js。

示例代码如下:

代码语言:txt
复制
const path = require('path');

module.exports = {
  // 其他配置项...
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  // 其他配置项...
};
  1. 保存并关闭webpack.config.js文件。
  2. 运行生产构建命令,例如npm run build。

这样,React的生产构建将生成一个名为bundle.js的文件,而不是带有哈希值的文件名。请注意,这样做可能会导致缓存问题,因为文件名没有改变,浏览器可能会继续使用旧的缓存文件。如果需要解决缓存问题,可以考虑使用版本号或其他方式来确保每次构建都生成一个新的文件名。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云对象存储(COS)。

腾讯云云服务器(CVM)是一种灵活可扩展的云计算服务,提供高性能、可靠稳定的云服务器实例,适用于各种应用场景。

腾讯云对象存储(COS)是一种安全、低成本、高可靠的云端存储服务,适用于存储和处理各种类型的数据,包括静态文件、多媒体文件等。

更多关于腾讯云云服务器(CVM)的信息,请访问:腾讯云云服务器(CVM)产品介绍

更多关于腾讯云对象存储(COS)的信息,请访问:腾讯云对象存储(COS)产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券