upd build and ci

.env-analyze → .env.development

@@ -1,4 +1,4 @@
-VITE_ENVIRONMENT=analyze
 VITE_PORT=8095
 VITE_API_URL='https://jsonplaceholder.typicode.com'
 VITE_APP_NAME='React Template'
+

.env-production → .env.production

@@ -1,4 +1,3 @@
-VITE_ENVIRONMENT=production
 VITE_PORT=8095
 VITE_API_URL='https://jsonplaceholder.typicode.com'
 VITE_APP_NAME='React Template'

.github.workflows.example/workflows/actions.yml → .github/workflows/actions.yml

@@ -27,8 +27,7 @@ jobs:
           echo $GITHUB_SHA
       - name: Run Build
         env: # Or as an environment variable
-#          VITE_APP_DOMAIN: https://my.domain.com
+          VITE_MODE: 'development'
         run: |
-          cp .env-development .env
           . $(werf ci-env github --as-file)
           werf export --dev web --tag ghcr.io/$GITHUB_REPOSITORY:$GITHUB_SHA

.github.workflows.example/workflows/actions_onlymain.yml → .github/workflows/actions_onlymain.yml

@@ -29,9 +29,8 @@ jobs:
           echo $GITHUB_SHA
       - name: Run Build
         env: # Or as an environment variable
-#          VITE_APP_DOMAIN: https://my.domain.com
+          VITE_MODE: 'staging'
         run: |
-          cp .env-development .env
           . $(werf ci-env github --as-file)
           werf export --dev web --tag ghcr.io/$GITHUB_REPOSITORY:$GITHUB_SHA
 

.github.workflows.example/workflows/tag.yml → .github/workflows/tag.yml

@@ -27,11 +27,11 @@ jobs:
           docker version
           echo $GITHUB_REPOSITORY
           echo $GITHUB_REF_NAME
+
       - name: Run Build
         env: # Or as an environment variable
-#          VITE_APP_DOMAIN: https://my.domain.com
+          VITE_MODE: 'production'
         run: |
-          cp .env-production .env
           . $(werf ci-env github --as-file)
           werf export --dev web --tag ghcr.io/$GITHUB_REPOSITORY:$GITHUB_REF_NAME
 

.gitignore

@@ -33,7 +33,5 @@ stats.html
 !.yarn/sdks
 !.yarn/versions
 
-.env.production
-.env.development
 .env.analyze
 tsconfig.tsbuildinfo

package.json

@@ -7,8 +7,8 @@
     "pre-push": "yarn rsc"
   },
   "scripts": {
-    "build": "dotenv -e .env vite build",
-    "start": "dotenv -e .env vite",
+    "build": "vite build",
+    "start": "vite",
     "analyze": "vite build --mode analyze",
     "lint": "yarn lint:styles && yarn lint:scripts",
     "lint:styles": "stylelint \"src/**/*.{css,sass,scss}\" --max-warnings=0",

vite.config.ts

@@ -22,9 +22,10 @@ const root = path.resolve(__dirname, resolveApp('src'))
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '')
 
-  // const isProduction = env.VITE_ENVIRONMENT === 'production'
-  // const isDevelopment = env.VITE_ENVIRONMENT === 'development'
-  const isAnalyze = env.VITE_ENVIRONMENT === 'analyze'
+  // const isProduction = mode === 'production'
+  // const isDevelopment = mode === 'development'
+  const isAnalyze = mode === 'analyze'
+
   // const buildVersion = env.VITE_APP_BUILD_VERSION
 
   return {

werf.yaml

@@ -22,7 +22,8 @@ shell:
     - yarn install
   setup:
     - cd /app
-    - yarn build
+    - export VITE_MODE="{{ env "VITE_MODE" }}"
+    - if [ -n "$VITE_MODE" ]; then yarn build --mode $VITE_MODE; else yarn build; fi
     #- sh -c '[ -d /app/dist/files ] && echo "$FILE exist." || mkdir -p /app/dist/files'
     #- sh -c '[ -d /app/files ] && echo "$FILE exist." || mkdir -p /app/files'
     #- sh -c '[ -z "`ls /app/files`" ] && echo "Empty" || cp -r /app/files/* /app/dist/files'