make FE CI more parallel

.github/workflows/ci-test-frontend.yml

@@ -13,7 +13,7 @@ on:
       - 'frontend/**'
 
 jobs:
-  frontend:
+  frontend-check:
     runs-on: ubuntu-latest
 
     steps:
@@ -24,7 +24,39 @@ jobs:
       - run: npm ci --loglevel warn
         working-directory: ./frontend
 
-      - run: npx run-p check lint
+      - uses: actions/cache@v2
+        with:
+          path: ${{ github.workspace }}/frontend/node_modules/.cache
+          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+
+      - run: npx run-p check
+        working-directory: ./frontend
+
+  frontend-lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v1
+
+      - run: npm ci --loglevel warn
+        working-directory: ./frontend
+
+      - run: npx run-p lint
+        working-directory: ./frontend
+
+  frontend-test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - uses: actions/setup-node@v1
+
+      - run: npm ci --loglevel warn
         working-directory: ./frontend
 
       - run: npm run test

frontend/webpack.config.js

@@ -112,12 +112,15 @@ module.exports = () => ({
           },
           {
             test: /\.js(x?)$/,
-            use: [{ loader: 'babel-loader', options: { configFile: babelConfigPath } }],
+            use: [{ loader: 'babel-loader', options: { cacheDirectory: true, configFile: babelConfigPath } }],
             ...getExcluded(),
           },
           {
             test: /\.ts(x?)$/,
-            use: [{ loader: 'babel-loader', options: { configFile: babelConfigPath } }, 'ts-loader'],
+            use: [
+              { loader: 'babel-loader', options: { cacheDirectory: true, configFile: babelConfigPath } },
+              'ts-loader',
+            ],
             ...getExcluded(),
           },
           {