首页
学习
活动
专区
工具
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)产品介绍

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

相关·内容

Webpack 实战入门系列(三):生产配置、样式文件分离及输出清理

现在vue、react很流行,新项目基本用这些新框架,组件化开发确实是趋势,但是他们再怎么发展也离不开构建工具,顶多在webpack等工具上进行再封装。现在vuecli3出来后,我感觉学习成本反而变高了,直观感觉就是文档不清爽,知识零碎。其实回到本源,vuecli3就是基于webpack来的,而且webpack本身非常好学,可以由浅到深,逐步深入。你可以不用学vue、react,只要你会html+css+js就可以用上这个打包工具。很多人不懂webpack是因为一开始就没接触过,然后最先接触的反而是vue或者react框架,结果组件api已经学晕了,突然听说这个其实是webpack的东西,一下就更懵了,所以在不懂原理的情况下,别人的包装让你更加的迷茫。有些人只想会用就行,有些人是有点搞不懂的就想搞明白。那如果你是个前端,想搞清楚本质本源的东西,真的建议你学下webpack。就从这篇入门开始吧,一小时入门webpack

02
领券