fix: update build scripts and enhance Rollup configuration

Author: noraeb

package.json

@@ -20,8 +20,8 @@
     "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "npm run compile && wtr --coverage",
     "test:watch": "npm run compile && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch --coverage\"",
-    "compile": "tsc",
-    "build": "rimraf dist && npm run compile && rollup -c rollup.config.js",
+    "compile": "rimraf dist && tsc --emitDeclarationOnly",
+    "build": "npm run compile && rollup -c rollup.config.js",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
     "analyze": "cem analyze --litelement",
     "start": "npm run compile && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",

rollup.config.js

@@ -1,7 +1,8 @@
-/* eslint-disable import/no-extraneous-dependencies */
 import nodeResolve from '@rollup/plugin-node-resolve';
+import babel from '@rollup/plugin-babel';
 import typescript from '@rollup/plugin-typescript';
 import { importMetaAssets } from '@web/rollup-plugin-import-meta-assets';
+import { terser } from 'rollup-plugin-terser';
 
 export default {
   input: './scl-template-update.ts',
@@ -10,10 +11,26 @@ export default {
     format: 'es',
     dir: 'dist',
   },
-  preserveEntrySignatures: 'strict',
   plugins: [
-    nodeResolve(),
     typescript(),
-    importMetaAssets()
+    nodeResolve(),
+    terser(),
+    importMetaAssets(),
+    babel({
+      babelHelpers: 'bundled',
+      presets: [
+        [
+          require.resolve('@babel/preset-env'),
+          {
+            targets: [
+              'last 3 Chrome major versions',
+              'last 3 Firefox major versions',
+              'last 3 Edge major versions',
+              'last 3 Safari major versions',
+            ],
+          },
+        ],
+      ],
+    }),
   ],
 };