feat(webpack): Use fork-ts-checker-webpack-plugin (#1)

quasarframework · Feb 22, 2019 · ede14e6 · ede14e6
1 parent 2ea10cc
commit ede14e6
Show file tree

Hide file tree

Showing 3 changed files with 587 additions and 12 deletions.
diff --git a/typescript/index.js b/typescript/index.js
@@ -7,6 +7,7 @@
 
 module.exports = function (api, ctx) {
   api.chainWebpack((chain, invoke) => {
+    const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
     chain.resolve
       .extensions
         .add('.ts')
@@ -16,7 +17,10 @@ module.exports = function (api, ctx) {
         .use('typescript')
           .loader('ts-loader')
           .options({
-            appendTsSuffixTo: [/\.vue$/]
+            appendTsSuffixTo: [/\.vue$/],
+            // Type checking is handled by fork-ts-checker-webpack-plugin
+            transpileOnly: true
           })
+    chain.plugin('ts-checker').use(ForkTsCheckerWebpackPlugin)
   })
 }
diff --git a/typescript/package.json b/typescript/package.json
@@ -12,10 +12,11 @@
     "yarn": ">= 1.6.0"
   },
   "dependencies": {
+    "fork-ts-checker-webpack-plugin": "^0.5.2",
     "ts-loader": "^5.3.3",
     "typescript": "^3.3.3",
     "vue-class-component": "^7.0.1",
     "vue-property-decorator": "^7.3.0"
   },
-  "devDependencies":  {}
+  "devDependencies": {}
 }