@tomjs/vite-plugin-vscode 7.0.0 → 7.1.0

package/README.md

@@ -431,6 +431,11 @@ Run `Debug Extension` through `vscode` to debug. For debugging tools, refer to [
 }
 ```
 
+### Webpage Debugging
+
+- You can use the standalone applications of [react-devtools](https://github.com/facebook/react/tree/main/packages/react-devtools) and [vue-devtools](https://devtools.vuejs.org/guide/standalone) to debug `webview`.
+- For Vue projects, you can use the [vite-plugin-vue-devtools](https://devtools.vuejs.org/guide/vite-plugin) Vite plugin.
+
 ## Examples
 
 First execute the following command to install dependencies and generate library files:

package/README.zh_CN.md

@@ -433,7 +433,8 @@ const value = await acquireVsCodeApi().getState();
 
 ### 网页调试
 
-可以使用 [react-devtools](https://github.com/facebook/react/tree/main/packages/react-devtools) 和 [vue-devtools](https://devtools.vuejs.org/guide/standalone) 的独立应用调试 `webview`
+- 可以使用 [react-devtools](https://github.com/facebook/react/tree/main/packages/react-devtools) 和 [vue-devtools](https://devtools.vuejs.org/guide/standalone) 的独立应用调试 `webview`
+- `vue` 项目可以使用 [vite-plugin-vue-devtools](https://devtools.vuejs.org/guide/vite-plugin) 这个 `vite` 插件
 
 ## 示例
 

package/dist/index.js

@@ -10,7 +10,7 @@ import colors from "picocolors";
 import { build } from "tsdown";
 import { createLogger } from "vite";
 
-//#region node_modules/.pnpm/tsdown@0.19.0_publint@0.3.16_synckit@0.11.11_typescript@5.9.3_vue-tsc@3.2.1_typescript@5.9.3_/node_modules/tsdown/esm-shims.js
+//#region node_modules/.pnpm/tsdown@0.19.0_publint@0.3.16_synckit@0.11.11_typescript@5.9.3_vue-tsc@3.2.2_typescript@5.9.3_/node_modules/tsdown/esm-shims.js
 const getFilename = () => fileURLToPath(import.meta.url);
 const getDirname = () => path.dirname(getFilename());
 const __dirname = /* @__PURE__ */ getDirname();
@@ -193,19 +193,17 @@ function useVSCodePlugin(options) {
 			opts.extension.outDir = path.resolve(outDir, "extension");
 			outDir = path.resolve(outDir, "webview");
 		}
-		const assetsDir = config?.build?.assetsDir || "assets";
-		const outputDefault = {
-			chunkFileNames: `${assetsDir}/[name].js`,
-			entryFileNames: `${assetsDir}/[name].js`,
-			assetFileNames: `${assetsDir}/[name].[ext]`
-		};
 		const outputOptions = {};
 		const buildConfig = config.build || {};
 		const optKey = isRolldown ? "rolldownOptions" : ["rolldownOptions", "rollupOptions"].find((s) => buildConfig[s]) || "rollupOptions";
+		const outputDefault = {};
+		const inputs = buildConfig[optKey]?.input;
+		if (Array.isArray(inputs) && inputs.length === 1) if (isRolldown) outputDefault.codeSplitting = false;
+		else outputDefault.inlineDynamicImports = true;
 		let output = buildConfig[optKey]?.output || {};
-		if (Array.isArray(output)) output.map((s) => Object.assign(s, outputDefault));
-		else output = Object.assign({}, output, outputDefault);
-		outputOptions[optKey] = Object.assign(outputOptions[optKey] || {}, { output });
+		if (Array.isArray(output)) output.map((s) => Object.assign({}, outputDefault, s));
+		else output = Object.assign({}, outputDefault, output);
+		outputOptions[optKey] = Object.assign(outputOptions[optKey] || {}, isRolldown ? {} : {}, { output });
 		return { build: {
 			outDir,
 			sourcemap: isDev ? true : config?.build?.sourcemap,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tomjs/vite-plugin-vscode",
   "type": "module",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "description": "Use vue/react to develop 'vscode extension webview', supporting esm/cjs",
   "author": {
     "name": "Tom Gao",
@@ -77,7 +77,7 @@
     "stylelint": "^16.26.1",
     "tsx": "^4.21.0",
     "typescript": "~5.9.3",
-    "vite": "^7.3.1"
+    "vite": "^8.0.0-beta.8"
   },
   "scripts": {
     "dev": "pnpm clean && tsdown --watch",