fix(web-component): fix multiple wc-async bundles on the same page

yyx990803 · yyx990803 · commit 10aa99641b22 · 2018-07-20T11:36:18.000-04:00
close vuejs#1150
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js b/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
@@ -109,6 +109,9 @@ module.exports = (api, { target, entry, name }) => {
     }
 
     Object.assign(rawConfig.output, {
+      // to ensure that multiple copies of async wc bundles can co-exist
+      // on the same page.
+      jsonpFunction: libName.replace(/-\w/g, c => c.charAt(1).toUpperCase()) + '_jsonp',
       filename: `${entryName}.js`,
       chunkFilename: `${libName}.[name]${minify ? `.min` : ``}.js`,
       // use dynamic publicPath so this can be deployed anywhere

Original file line number	Diff line number	Diff line change
`@@ -109,6 +109,9 @@ module.exports = (api, { target, entry, name }) => {`
`109`	`109`	`}`
`110`	`110`
`111`	`111`	`Object.assign(rawConfig.output, {`
	`112`	`+ // to ensure that multiple copies of async wc bundles can co-exist`
	`113`	`+ // on the same page.`
	`114`	`+ jsonpFunction: libName.replace(/-\w/g, c => c.charAt(1).toUpperCase()) + '_jsonp',`
`112`	`115`	filename: `${entryName}.js`,
`113`	`116`	chunkFilename: `${libName}.[name]${minify ? `.min` : ``}.js`,
`114`	`117`	`// use dynamic publicPath so this can be deployed anywhere`