npm install --save-dev typescript ts-loader

{
  "compilerOptions": {
    "outDir": "./dist/",
    "noImplicitAny": true,
　　"sourceMap": true,   // 启用SourceMap功能
    "module": "es6",
    "target": "es5",
    "jsx": "react",
    "allowJs": true
  }
}

module.exports = {
+    entry: {
+        app: './src/index.ts'
+    },
    output: {
        filename: '[name].[chunkhash].js',
        path: path.resolve(__dirname, 'dist')
    },
    module:{
        rules:[
+        {
+                test:/\.tsx?$/,
+                use: 'ts-loader',
+                exclude: /node_modules/
            }
        ]
    },
+    resolve:{
+        extensions:['.ts', '.tsx', '.js']
+    },
}

// 此处导入必须写成import as, 否则会报错
import * as _ from 'lodash';

function component() {
    var element = document.createElement('div');

    element.innerHTML = _.join(['hello','webpack'],' ');

    return element;

}

document.body.appendChild(component());

npm install --save-dev @types/lodash

declare module "*.svg" {
  const content: any;
  export default content;
}