electron vue3 vueconfigjs 设置默认打包js css 名称

在 vue.config.js 中可以通过 configureWebpack 配置来设置默认打包的 js 和 css 名称。

module.exports = {
  configureWebpack: {
    output: {
      filename: 'js/[name].[contenthash:8].js',
      chunkFilename: 'js/[name].[contenthash:8].js'
    }
  },
  css: {
    extract: {
      filename: 'css/[name].[contenthash:8].css',
      chunkFilename: 'css/[name].[contenthash:8].css'
    }
  }
}

上面的配置中，filename 和 chunkFilename 分别设置了打包后的 js 文件名和 chunk 文件名，[name] 表示原始文件名，[contenthash:8] 表示文件内容的 hash 值，:8 表示只取 hash 值的前 8 位。extract 中的配置同理，只不过是针对 css 文件的