vue项目打包时如何去除文件的hash值？

最新推荐文章于 2024-12-11 15:14:29 发布

徐同保

最新推荐文章于 2024-12-11 15:14:29 发布

阅读量1.2k

点赞数 7

分类专栏： web前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/xutongbao/article/details/136066753

版权

web前端专栏收录该内容

735 篇文章 16 订阅

订阅专栏

本文介绍了如何在VueCLI项目中，当不能使用默认的自动生成的indexHTML时，如何设置`filenameHashing`为false来管理静态资源缓存。开发者可以根据生产或开发环境修改Webpack配置。

摘要由CSDN通过智能技术生成

默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存。然而，这也要求 index 的 HTML 是被 Vue CLI 自动生成的。如果你无法使用 Vue CLI 生成的 index HTML，你可以通过将这个选项设为 false 来关闭文件名哈希。

vue.config.js:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  filenameHashing: false,
  configureWebpack: config => {
    console.log(JSON.stringify(config, null, 2))
    if (process.env.NODE_ENV === 'production') {

      // 为生产环境修改配置...
      // config.output.filename = 'js/[name].js'
      // config.output.chunkFilename = 'js/[name].js'

    } else {
      // 为开发环境修改配置...
    }
  }
})