Merge pull request #5690 from PawFV/hotfix/v1.12.3

fix: development hot-reload speed webpack config

Author: Fifciu

CHANGELOG.md

@@ -49,7 +49,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Using dayjs for dates in taxCalc.ts to make it work properly in Safari (#5364)
 - Awaiting addItem action call inside mergeServerItem action (#5165)
 - Moved `phoneNum` to proper branch - @lukaszjedrasik ([#5730](https://github.com/vuestorefront/vue-storefront/issues/5730))
-
+- Development hot-reload speed webpack config - ([#5559](https://github.com/vuestorefront/vue-storefront/issues/5559))
 ## [1.12.2] - 2020.07.28
 
 ### Added

core/build/module-build.config.js

@@ -11,7 +11,14 @@ module.exports = {
   },
   module: {
     rules: [
-      { test: /\.ts$/, use: ['ts-loader'], exclude: /node_modules/ }
+      { 
+        test: /\.ts$/,
+        use: ['ts-loader'], 
+        options: {
+          transpileOnly: true
+        }, 
+        exclude: /node_modules/ 
+      }
     ]
   },
   externals: ['@vue-storefront/core']

core/build/webpack.base.config.ts

@@ -7,7 +7,7 @@ import autoprefixer from 'autoprefixer';
 import HTMLPlugin from 'html-webpack-plugin';
 import webpack from 'webpack';
 import dayjs from 'dayjs';
-
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'
 // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 // eslint-disable-next-line import/first
@@ -73,6 +73,13 @@ export default {
     new webpack.DefinePlugin({
       'process.env.__APPVERSION__': JSON.stringify(require('../../package.json').version),
       'process.env.__BUILDTIME__': JSON.stringify(dayjs().format('YYYY-MM-DD HH:mm:ss'))
+    }),
+    new ForkTsCheckerWebpackPlugin({
+      typescript: {
+        extensions: {
+          vue: true
+        }
+      }
     })
   ],
   devtool: 'source-map',
@@ -134,7 +141,8 @@ export default {
         test: /\.ts$/,
         loader: 'ts-loader',
         options: {
-          appendTsSuffixTo: [/\.vue$/]
+          appendTsSuffixTo: [/\.vue$/],
+          transpileOnly: true
         },
         exclude: /node_modules/
       },

package.json

@@ -63,6 +63,7 @@
     "dayjs": "^1.8.21",
     "es6-promise": "^4.2.8",
     "express": "^4.14.0",
+    "fork-ts-checker-webpack-plugin": "^6.2.0",
     "fs-extra": "^8.1.0",
     "glob": "^7.1.6",
     "graphql": "^0.13.2",