temp

Author: gitbu

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    "@babel/preset-es2015",
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    ["import", {
+      "libraryName": "antd"
+    }]
+  ]
+}

package-lock.json

@@ -11,20 +11,33 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@babel/core": "^7.2.2",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/preset-es2015": "^7.0.0-beta.53",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-stage-0": "^7.0.0",
     "awesome-typescript-loader": "^5.2.1",
-    "source-map-loader": "^0.2.4",
-    "typescript": "^3.2.2",
+    "babel-loader": "^8.0.4",
+    "babel-plugin-import": "^1.11.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
     "css-loader": "^2.0.2",
+    "source-map-loader": "^0.2.4",
     "style-loader": "^0.23.1",
+    "typescript": "^3.2.2",
+    "ui-component-loader": "^1.1.6",
     "webpack": "^4.28.1",
     "webpack-cli": "^3.1.2",
     "webpack-dev-server": "^3.1.10"
   },
   "dependencies": {
+    "@types/lodash": "^4.14.119",
     "@types/react": "^16.7.17",
     "@types/react-dom": "^16.0.11",
+    "antd": "^3.11.2",
     "csstype": "^2.5.8",
     "html-webpack-plugin": "^3.2.0",
+    "lodash": "^4.17.11",
     "react": "^16.7.0",
     "react-dom": "^16.7.0"
   }

package.json

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default () => {
+  return (
+    <div>aaaa</div>
+  );
+}

src/components/A.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Button } from 'antd';
+import type from '../utils/type';
+
+const A = React.lazy(() => import('./A'))
+
+export default class App extends React.Component {
+  render() {
+    console.log(type());
+    return (
+      <React.Suspense fallback={<div>loading</div>}>
+        <Button type="primary">
+          click me 111
+        </Button>
+        <A />
+      </React.Suspense>
+    )
+  }
+}

src/components/App.js

@@ -2,7 +2,7 @@ import * as React from "react";
 
 export interface HelloProps { compiler: string }
 
-export class Hello extends React.Component<HelloProps, {}> {
+export default class Hello extends React.Component<HelloProps, {}> {
   render() {
     return (
       <h1>

src/components/App.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import * as ReactDom from 'react-dom';
-import { Hello } from './components/Hello';
-import { App } from './components/App';
+/* import { Hello } from './components/Hello'; */
+import App from './components/App';
 
 const B = () => (
   <div>
     <App />
-    <Hello compiler="typescirpt" />
+{/*     <Hello compiler="typescirpt" /> */}
   </div>
 )
 

src/components/Hello.tsx

@@ -0,0 +1,9 @@
+import { sumBy } from 'lodash';
+
+function type() {
+  const arr = [{a: 1}, {a: 2}]
+  const res = sumBy(arr, 'a');
+  console.log(res);
+}
+
+export default type;

src/index.tsx

@@ -2,8 +2,12 @@
   "compilerOptions": {
     /* Basic Options */
     "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
-    "module": "es6",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-    // "lib": [],                             /* Specify library files to be included in the compilation. */
+    "module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
+    "lib": [
+      "es2015",
+      "dom",
+      "dom.iterable"
+    ],                             /* Specify library files to be included in the compilation. */
     "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */
     "jsx": "react",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
@@ -43,7 +47,7 @@
     // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
     // "typeRoots": [],                       /* List of folders to include type definitions from. */
     // "types": [],                           /* Type declaration files to be included in compilation. */
-    // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
+    "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
     "esModuleInterop": true,                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
     // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */