Pass options to ts-loader using a third argument

src/components/TypeScript.js

@@ -1,13 +1,30 @@
 let JavaScript = require('./JavaScript');
 
 class TypeScript extends JavaScript {
+    constructor() {
+        super();
+        this.options = {};
+    }
+
     /**
      * The API name for the component.
      */
     name() {
         return ['typeScript', 'ts'];
     }
 
+    /**
+     * Register the component.
+     *
+     * @param {*} entry
+     * @param {string} output
+     * @param {object} options
+     */
+    register(entry, output, options = {}) {
+        super.register(entry, output);
+        this.options = options;
+    }
+
     /**
      * Required dependencies for the component.
      */
@@ -23,9 +40,11 @@ class TypeScript extends JavaScript {
             test: /\.tsx?$/,
             loader: 'ts-loader',
             exclude: /node_modules/,
-            options: {
-                appendTsSuffixTo: [/\.vue$/]
-            }
+            options: Object.assign(
+                {},
+                { appendTsSuffixTo: [/\.vue$/] },
+                this.options
+            )
         });
     }
 

test/features/typescript.js

@@ -45,3 +45,12 @@ test.serial('it applies the correct webpack rules', t => {
         )
     );
 });
+
+test.serial('it is able to apply options to ts-loader', t => {
+    mix.ts('resources/assets/js/app.js', 'public/js', { transpileOnly: true });
+
+    t.truthy(
+        buildConfig().module.rules.find(rule => rule.loader === 'ts-loader')
+            .options.transpileOnly
+    );
+});