refactor: add vite settings for svelte, vue

Author: malangfox

packages/conveyer/package.json

@@ -73,7 +73,6 @@
 		"karma-viewport": "^1.0.4",
 		"mocha": "^6.0.2",
 		"print-coveralls": "^1.2.2",
-		"rollup-plugin-visualizer": "^6.0.3",
 		"sinon": "^7.5.0",
 		"terser": "^5.43.1",
 		"ts-mock-imports": "^1.3.8",

packages/conveyer/vite.config.ts

@@ -1,7 +1,6 @@
 // vite.config.ts
 import { defineConfig } from "vite";
 import path from "path";
-import { visualizer } from "rollup-plugin-visualizer";
 
 const pkg = require("./package.json");
 
@@ -14,13 +13,6 @@ const banner = `/*!
 const format = process.env.VITE_BUILD_FORMAT;
 
 export default defineConfig({
-  plugins: [
-    visualizer({
-      sourcemap: true,
-      filename: "./statistics/index.html",
-      title: `${pkg.name} bundle stats`,
-    }),
-  ],
   define: {
     "#__VERSION__#": JSON.stringify(pkg.version),
     "#__FILETYPE__#": JSON.stringify(format || "unknown"),

packages/react-conveyer/package.json

@@ -46,7 +46,6 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-scripts": "4.0.3",
-    "rollup-plugin-visualizer": "^6.0.3",
     "terser": "^5.43.1",
     "typescript": "^4.1.2",
     "vite": "^7.1.3",

packages/react-conveyer/vite.config.ts

@@ -2,7 +2,6 @@ import { defineConfig } from "vite";
 import path from "path";
 import react from "@vitejs/plugin-react";
 import dts from "vite-plugin-dts";
-import { visualizer } from "rollup-plugin-visualizer";
 
 const pkg = require("./package.json");
 
@@ -18,11 +17,6 @@ export default defineConfig({
     dts({
       insertTypesEntry: true,
     }),
-    visualizer({
-      sourcemap: true,
-      filename: "./statistics/index.html",
-      title: `${pkg.name} bundle stats`,
-    }),
   ],
   define: {
     "#__VERSION__#": JSON.stringify(pkg.version),

packages/svelte-conveyer/package.json

@@ -42,14 +42,15 @@
   "scripts": {
     "dev": "rollup -c -w",
     "start": "sirv public --no-clear",
-    "build": "rollup -c rollup.build.config.js && npm run declaration",
+    "build": "vite build && npm run declaration",
     "declaration": "rm -rf declaration && tsc -p tsconfig.declaration.json"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
     "@egjs/build-helper": "0.0.5",
     "@pyoner/svelte-ts-preprocess": "^1.2.1",
+    "@sveltejs/vite-plugin-svelte": "^6.1.3",
     "@testing-library/jest-dom": "^5.11.8",
     "@testing-library/svelte": "^3.0.3",
     "@types/jest": "^26.0.19",
@@ -64,10 +65,12 @@
     "sirv-cli": "^0.4.4",
     "svelte": "^3.31.0",
     "svelte-jester": "^1.3.0",
-    "svelte-preprocess": "^4.6.1",
+    "svelte-preprocess": "^4.10.7",
     "ts-jest": "^26.4.4",
     "tslib": "^1.10.0",
-    "typescript": "^4.1.6"
+    "typescript": "^4.1.6",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
     "@cfcs/svelte": "^0.1.0",

packages/svelte-conveyer/rollup.build.config.js

@@ -0,0 +1,48 @@
+import { defineConfig } from "vite";
+import path from "path";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import sveltePreprocess from "svelte-preprocess";
+import dts from "vite-plugin-dts";
+
+const pkg = require("./package.json");
+
+const banner = `/*!
+ * ${pkg.name} v${pkg.version}
+ * (c) ${new Date().getFullYear()} ${pkg.author}
+ * @license ${pkg.license}
+ */`;
+
+export default defineConfig({
+  plugins: [
+    svelte({
+      preprocess: sveltePreprocess(),
+    }),
+    dts({
+      insertTypesEntry: true,
+    }),
+  ],
+  define: {
+    "#__VERSION__#": JSON.stringify(pkg.version),
+  },
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/svelte-conveyer/index.ts"),
+      name: "SvelteConveyer",
+      formats: ["es", "cjs"],
+      fileName: (format) => `conveyer.${format === "es" ? "esm" : "cjs"}.js`,
+    },
+    sourcemap: true,
+    rollupOptions: {
+      external: [/^svelte/],
+      output: {
+        globals: {
+          svelte: "Svelte",
+        },
+        banner,
+        exports: "named",
+        freeze: false,
+      },
+    },
+    outDir: "dist",
+  },
+});

packages/svelte-conveyer/rollup.config.js

@@ -17,7 +17,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "lint": "vue-cli-service lint",
-    "build": "rollup -c && npm run declaration && print-sizes ./dist ",
+    "build": "vite build && npm run declaration && print-sizes ./dist ",
     "declaration": "rm -rf declaration && tsc -p tsconfig.declaration.json"
   },
   "keywords": [
@@ -46,6 +46,7 @@
     "@egjs/build-helper": "^0.1.2",
     "@typescript-eslint/eslint-plugin": "^2.33.0",
     "@typescript-eslint/parser": "^2.33.0",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-typescript": "^5.0.8",
@@ -57,6 +58,8 @@
     "eslint-plugin-vue": "^7.0.0-0",
     "print-sizes": "^0.1.0",
     "typescript": "^4.5.2",
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.2.21"
   }
 }