New [transformFileName] loader-specific option has been implemented.

package.json

@@ -23,6 +23,7 @@
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
+    "@babel/preset-typescript": "^7.1.0",
     "ava": "0.25.0",
     "babel-eslint": "^8.0.0",
     "babel-plugin-istanbul": "^4.0.0",

src/index.js

@@ -121,8 +121,18 @@ async function loader(source, inputSourceMap, overrides) {
     delete loaderOptions.sourceMap;
   }
 
+  let transformedFileName = filename;
+  if (loaderOptions.transformFileName) {
+    const pattern = loaderOptions.transformFileName.pattern;
+    const replace = loaderOptions.transformFileName.replace;
+
+    if (pattern && replace) {
+      transformedFileName = filename.replace(pattern, replace);
+    }
+  }
+
   const programmaticOptions = Object.assign({}, loaderOptions, {
-    filename,
+    filename: transformedFileName,
     inputSourceMap: inputSourceMap || undefined,
 
     // Set the default sourcemap behavior based on Webpack's mapping flag,
@@ -137,7 +147,9 @@ async function loader(source, inputSourceMap, overrides) {
     // modules.
     sourceFileName: filename,
   });
+
   // Remove loader related options
+  delete programmaticOptions.transformFileName;
   delete programmaticOptions.customize;
   delete programmaticOptions.cacheDirectory;
   delete programmaticOptions.cacheIdentifier;

test/fixtures/TestTS.ts

@@ -0,0 +1,12 @@
+export default class TestTsCls{
+  private name: string;
+
+  constructor(){
+    this.name = "SomeName";
+  }
+
+  someMethod(arg1: string): number{
+    return 42;
+  }
+
+}

test/fixtures/TestTsVUE.vue

@@ -0,0 +1,12 @@
+export default class TestTsVueCls{
+  private name123: string;
+
+  constructor(){
+    this.name123 = "SomeName123";
+  }
+
+  someMethod123(arg1: string): number{
+    return 42123;
+  }
+
+}

test/loader.test.js

@@ -127,3 +127,80 @@ test.cb(
     });
   },
 );
+
+test.cb(
+  "should perform all *.js, *.ts and *.vue files compilation successfully",
+  t => {
+    const config = {
+      mode: "development",
+      entry: {
+        firstEntry: path.join(__dirname, "fixtures/basic.js"),
+        secondEntry: path.join(__dirname, "fixtures/TestTS.ts"),
+        thirdEntry: path.join(__dirname, "fixtures/TestTsVUE.vue"),
+      },
+      output: {
+        path: t.context.directory,
+      },
+      module: {
+        rules: [
+          {
+            test: /\.((jsx?)|ts|vue)$/,
+            loader: babelLoader,
+            options: {
+              presets: ["@babel/preset-env", "@babel/preset-typescript"],
+              transformFileName: {
+                pattern: /(\.vue)$/,
+                replace: "$1.ts",
+              },
+            },
+            exclude: /node_modules/,
+          },
+        ],
+      },
+    };
+    webpack(config, (err, stats) => {
+      t.is(err, null);
+      t.is(stats.compilation.warnings.length, 0);
+      t.is(stats.compilation.errors.length, 0);
+      t.end();
+    });
+  },
+);
+
+test.cb("should return compilation error about a *.vue file", t => {
+  const config = {
+    mode: "development",
+    entry: {
+      firstEntry: path.join(__dirname, "fixtures/basic.js"),
+      secondEntry: path.join(__dirname, "fixtures/TestTS.ts"),
+      thirdEntry: path.join(__dirname, "fixtures/TestTsVUE.vue"),
+    },
+    output: {
+      path: t.context.directory,
+    },
+    module: {
+      rules: [
+        {
+          test: /\.((jsx?)|ts|vue)$/,
+          loader: babelLoader,
+          options: {
+            presets: ["@babel/preset-env", "@babel/preset-typescript"],
+          },
+          exclude: /node_modules/,
+        },
+      ],
+    },
+  };
+  webpack(config, (err, stats) => {
+    t.is(err, null);
+    t.is(stats.compilation.warnings.length, 0);
+    t.is(stats.compilation.errors.length, 1);
+    const moduleBuildError = stats.compilation.errors[0];
+    const babelLoaderError = moduleBuildError.error;
+    t.regex(
+      babelLoaderError.stack,
+      /SyntaxError.+TestTsVUE.vue.+Unexpected token/,
+    );
+    t.end();
+  });
+});

yarn.lock

@@ -344,6 +344,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-typescript@^7.0.0":
+  version "7.1.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.1.5.tgz#956a1f43dec8a9d6b36221f5c865335555fdcb98"
+  integrity sha512-VqK5DFcS6/T8mT5CcJv1BwZLYFxkHiGZmP7Hs87F53lSToE/qfL7TpPrqFSaKyZi9w7Z/b/tmOGZZDupcJjFvw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-arrow-functions@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.0.0.tgz#a6c14875848c68a3b4b3163a486535ef25c7e749"
@@ -524,6 +531,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-typescript@^7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.1.0.tgz#81e7b4be90e7317cbd04bf1163ebf06b2adee60b"
+  integrity sha512-TOTtVeT+fekAesiCHnPz+PSkYSdOSLyLn42DI45nxg6iCdlQY6LIj/tYqpMB0y+YicoTUiYiXqF8rG6SKfhw6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-typescript" "^7.0.0"
+
 "@babel/plugin-transform-unicode-regex@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.0.0.tgz#c6780e5b1863a76fe792d90eded9fcd5b51d68fc"
@@ -578,6 +593,14 @@
     js-levenshtein "^1.1.3"
     semver "^5.3.0"
 
+"@babel/preset-typescript@^7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.1.0.tgz#49ad6e2084ff0bfb5f1f7fb3b5e76c434d442c7f"
+  integrity sha512-LYveByuF9AOM8WrsNne5+N79k1YxjNB6gmpCQsnuSBAcV8QUeB+ZUxQzL7Rz7HksPbahymKkq2qBR+o36ggFZA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.1.0"
+
 "@babel/[email protected]":
   version "7.0.0-beta.40"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.0.0-beta.40.tgz#034988c6424eb5c3268fe6a608626de1f4410fc8"