scaffold-eth#21 fixed issues with theme issues and build

supriyaamisshra · Oct 25, 2021 · 4b0d3f0 · 4b0d3f0
1 parent 4d62b8e
commit 4b0d3f0
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 6 deletions.
diff --git a/packages/vite-app-ts/package.json b/packages/vite-app-ts/package.json
@@ -4,7 +4,8 @@
   "license": "MIT",
   "scripts": {
     "start": "cross-env ENVIRONMENT=DEVELOPMENT vite",
-    "build": "tsc && vite build",
+    "build": "tsc && yarn build:anttheme && vite build",
+    "build:anttheme": "yarn lessc -x -js ./src/styles/themes/light-theme.less ./public/light-theme.css && yarn lessc -x -js ./src/styles/themes/dark-theme.less ./public/dark-theme.css",
     "serve": "vite preview",
     "lint": "eslint --config ./.eslintrc --ignore-path ./.eslintignore ./src/**/*",
     "ipfs": "node ./scripts/ipfs.js",

diff --git a/packages/vite-app-ts/postcss.config.js b/packages/vite-app-ts/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-};
+};
diff --git a/packages/vite-app-ts/public/dark-theme.css b/packages/vite-app-ts/public/dark-theme.css
diff --git a/packages/vite-app-ts/public/light-theme.css b/packages/vite-app-ts/public/light-theme.css
diff --git a/packages/vite-app-ts/vite.config.ts b/packages/vite-app-ts/vite.config.ts
@@ -16,6 +16,12 @@ export default defineConfig({
       include: /node_modules/,
       transformMixedEsModules: true,
     },
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'index.html'),
+        themes: resolve(__dirname, './src/styles/themes/themes.ts'),
+      },
+    },
   },
   esbuild: {
     jsxFactory: 'jsx',
@@ -24,8 +30,6 @@ export default defineConfig({
 
   define: {},
   optimizeDeps: {
-    entries: ['index.html'],
-    //include: [],
     exclude: ['@apollo/client', `graphql`],
   },
   resolve: {