npm install --save-dev typescript ts-loader
webpack-demo |- package.json+ |- tsconfig.json |- webpack.config.js |- /dist |- bundle.js |- index.html |- /src |- index.js+ |- index.ts |- /node_modules
// tsconfig.json{ "compilerOptions": { "outDir": "./dist/", "sourceMap": true, "noImplicitAny": true, "module": "es6", "target": "es5", "jsx": "react", "allowJs": true }}
const path = require('path'); module.exports = { entry: './src/index.ts',+ devtool: 'inline-source-map', module: { rules: [ { test: /\.tsx?$/, use: 'ts-loader', exclude: /node_modules/ } ] }, resolve: { extensions: [ '.tsx', '.ts', '.js' ] }, output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } };