In Webpack 4 you need to specify the options into a use object: use: [{ loader: ‘ts-loader’, options: { configFile: “tsconfig.webpack.json” } }] Complete Webpack config: var path = require(‘path’); module.exports = { entry: path.resolve(__dirname, ‘src’) + ‘/index.ts’, output: { path: path.resolve(__dirname, ‘dist’), filename: ‘your-library-name.js’, }, module: { rules: [ { test: /\.ts$/, use: [{ … Read more
ts-loader: convert typescript (es6) to javascript (es6) babel-loader: converts javascript (es6) to javascript (es5) and Typescript doesn’t do polyfills, which babel does. If you write client-side code in es6 and want it to run on modern browsers, you’d probably need babel‘s polyfills. It is less justified with server-side code – just use the latest node … Read more
I changed target: esnext to es2018 in tsconfig.json file. Now it works. Webpack issue for reference : https://github.com/webpack/webpack/issues/10227
Webpack does not look for .ts files by default. You can configure resolve.extensions to look for .ts. Don’t forget to add the default values as well, otherwise most modules will break because they rely on the fact that the .js extension is automatically used. resolve: { extensions: [‘.ts’, ‘.js’, ‘.json’] }