feat: Switch to vite.config.ts & defineConfig() & add `vite-plugin-ma…

…nifest-sri` to generate asset integrity hashes
nystudio107 · Jan 21, 2022 · a45e020 · a45e020
1 parent b772997
commit a45e020
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/buildchain/package.json b/buildchain/package.json
@@ -29,6 +29,7 @@
     "vite": "^2.7.0",
     "vite-plugin-compression": "^0.4.0",
     "vite-plugin-eslint": "^1.3.0",
+    "vite-plugin-manifest-sri": "^0.1.0",
     "vite-plugin-restart": "0.0.2"
   },
   "scripts": {

diff --git a/buildchain/vite.config.js → buildchain/vite.config.ts b/buildchain/vite.config.js → buildchain/vite.config.ts
@@ -1,13 +1,15 @@
+import {defineConfig} from 'vite';
 import vue from '@vitejs/plugin-vue'
 import ViteRestart from 'vite-plugin-restart';
 import viteCompression from 'vite-plugin-compression';
+import manifestSRI from 'vite-plugin-manifest-sri';
 import {visualizer} from 'rollup-plugin-visualizer';
 import eslintPlugin from 'vite-plugin-eslint';
 import {nodeResolve} from '@rollup/plugin-node-resolve';
-import path from 'path';
+import * as path from 'path';
 
 // https://vitejs.dev/config/
-export default ({command}) => ({
+export default defineConfig(({command}) => ({
   base: command === 'serve' ? '' : '/dist/',
   build: {
     emptyOutDir: true,
@@ -38,6 +40,7 @@ export default ({command}) => ({
     viteCompression({
       filter: /\.(js|mjs|json|css|map)$/i
     }),
+    manifestSRI(),
     visualizer({
       filename: '../src/web/assets/dist/stats.html',
       template: 'treemap',
@@ -63,4 +66,4 @@ export default ({command}) => ({
     port: 3001,
     strictPort: true,
   }
-});
+}));