Webpack
suggest changeInstall
npm install ts-loader --save-dev
Basic webpack.config.js
webpack 2.x, 3.x
module.exports = {
resolve: {
extensions: ['.ts', '.tsx', '.js']
},
module: {
rules: [
{
// Set up ts-loader for .ts/.tsx files and exclude any imports from node_modules.
test: /\.tsx?$/,
loaders: ['ts-loader'],
exclude: /node_modules/
}
]
},
entry: [
// Set index.tsx as application entry point.
'./index.tsx'
],
output: {
filename: "bundle.js"
}
};
webpack 1.x
module.exports = {entry: "./src/index.tsx",output: {filename: "bundle.js"},resolve: {// Add '.ts' and '.tsx' as a resolvable extension.extensions: ["", ".webpack.js", ".web.js", ".ts", ".tsx", ".js"]},module: {loaders: [// all files with a '.ts' or '.tsx' extension will be handled by 'ts-loader'{ test: /\.ts(x)?$/, loader: "ts-loader", exclude: /node_modules/ }]}}
See more details on ts-loader here.
Alternatives:
Found a mistake? Have a question or improvement idea?
Let me know.
Table Of Contents