feat(cli-service): support contenthash in lib build chunkFilename

Allow users to configure contenthash for chunk files via vue.config.js when building in library mode.

Fixes #7476

Author: yaojiafeng

packages/@vue/cli-service/__tests__/buildLib.spec.js

@@ -270,3 +270,58 @@ test('build as lib with --inline-vue', async () => {
   })
   expect(divText).toMatch('Hello from Lib')
 })
+
+test('build as lib with contenthash in chunkFilename', async () => {
+  const project = await create('build-lib-with-contenthash', defaultPreset)
+
+  // Create main entry with dynamic import to generate chunks
+  await project.write('src/main.js', `
+    export default { foo: 1 }
+    export const bar = 2
+
+    // Dynamic import to create a chunk
+    export const loadAsync = () => import('./async-module.js')
+  `)
+
+  // Create async module
+  await project.write('src/async-module.js', `
+    export default { async: true, value: 'test' }
+  `)
+
+  // Configure contenthash in vue.config.js
+  await project.write('vue.config.js', `
+    module.exports = {
+      configureWebpack: {
+        output: {
+          chunkFilename: '[name].[contenthash:8].js'
+        }
+      }
+    }
+  `)
+
+  const { stdout } = await project.run('vue-cli-service build --target lib --name testLib src/main.js')
+  expect(stdout).toMatch('Build complete.')
+
+  // Check main files exist
+  expect(project.has('dist/testLib.common.js')).toBe(true)
+  expect(project.has('dist/testLib.umd.js')).toBe(true)
+  expect(project.has('dist/testLib.umd.min.js')).toBe(true)
+
+  // Check that chunk files have contenthash
+  const fs = require('fs')
+  const distPath = path.join(project.dir, 'dist')
+  const files = fs.readdirSync(distPath)
+
+  // Find chunk files (files with contenthash pattern)
+  const chunkFiles = files.filter(f => /testLib\.umd\.min\.[^.]+\.[a-f0-9]{8}\.js$/.test(f))
+
+  // Should have at least one chunk file with hash
+  expect(chunkFiles.length).toBeGreaterThan(0)
+
+  // Verify hash is 8 characters long
+  chunkFiles.forEach(file => {
+    const hashMatch = file.match(/\.([a-f0-9]{8})\.js$/)
+    expect(hashMatch).toBeTruthy()
+    expect(hashMatch[1]).toHaveLength(8)
+  })
+})

packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js

@@ -114,6 +114,13 @@ module.exports = (api, { entry, name, formats, filename, 'inline-vue': inlineVue
       [entryName]: realEntry
     }
 
+    // Allow users to control chunk filename pattern via vue.config.js
+    // Support contenthash for better cache control
+    const userChunkFilename = rawConfig.output.chunkFilename
+    const defaultChunkFilename = userChunkFilename && userChunkFilename.includes('[contenthash')
+      ? userChunkFilename.replace(/\[name\]/g, `${entryName}.[name]`)
+      : `${entryName}.[name].js`
+
     rawConfig.output = Object.assign({
       library: libName,
       libraryExport: isVueEntry ? 'default' : undefined,
@@ -125,7 +132,7 @@ module.exports = (api, { entry, name, formats, filename, 'inline-vue': inlineVue
       globalObject: `(typeof self !== 'undefined' ? self : this)`
     }, rawConfig.output, {
       filename: `${entryName}.js`,
-      chunkFilename: `${entryName}.[name].js`,
+      chunkFilename: defaultChunkFilename,
       // use dynamic publicPath so this can be deployed anywhere
       // the actual path will be determined at runtime by checking
       // document.currentScript.src.