{
+ constructor(props: LeftNavProps) {
+ super(props)
+ this.state = {
+ openKeys: ['sub1'],
+ };
+ }
+ onSelect = (e: {key:string}) => {
+ this.props.history.push(e.key)
+ };
+ render() {
+ return (
+
+ );
+ }
+ }
+)
+
+
+
+
+
diff --git a/src/router.tsx b/src/router.tsx
new file mode 100644
index 0000000..9384cf1
--- /dev/null
+++ b/src/router.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+import { Switch, Route } from 'react-router-dom';
+
+import Loadable from 'react-loadable';
+
+
+
+
+
+
+const Loading = (props: any) => {
+ if (props.error) {
+ return Error!
;
+ } else if (props.timedOut) {
+ return Taking a long time...
;
+ } else if (props.pastDelay) {
+ return Loading...
;
+ } else {
+ return null;
+ }
+}
+
+const loadableOption = {
+ delay: 300,
+ timeout: 1000,
+ loading: Loading,
+}
+
+const routers = [
+ {
+ path: '/',
+ exact: true,
+ component: Loadable({
+ loader: () => import('./pages/home/index'),
+ loading: Loading,
+ })
+ }
+]
+
+
+const Routers = () => (
+
+ {
+ routers.map(({ component, path, exact }, index) => {
+ return
+ })
+ }
+
+);
+
+
+export default Routers
\ No newline at end of file
diff --git a/src/util/index.ts b/src/util/index.ts
index 17bad41..e69de29 100644
--- a/src/util/index.ts
+++ b/src/util/index.ts
@@ -1,3 +0,0 @@
-export const aa=()=>{
- return 123
-}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 5ec12dd..1bf6d63 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,13 +1,15 @@
{
"compilerOptions": {
- "outDir": "./dist/",
- "sourceMap": true,
- "noImplicitAny": true,
- "module": "commonjs",
- "target": "es5",
- "jsx": "react"
+ "outDir": "./dist/",
+ "sourceMap": true,
+ "noImplicitAny": true,
+ "module": "commonjs",
+ "target": "es5",
+ "jsx": "react",
+ "lib": ["es2015", "dom","es2015","ES2018"],
+ "experimentalDecorators": true
},
"include": [
- "./src/**/*"
- ]
+ "./src/**/*"
+ ],
}
diff --git a/webpack.config.js b/webpack.config.js
index b22b093..a975f63 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,5 +1,7 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin'); //html
+const tsImportPluginFactory = require('ts-import-plugin')
+
module.exports = {
entry: './src/index.tsx',
devServer: {
@@ -15,16 +17,96 @@ module.exports = {
// Enable sourcemaps for debugging webpack's output.
devtool: 'source-map',
-
resolve: {
// Add '.ts' and '.tsx' as resolvable extensions.
extensions: ['.ts', '.tsx', '.js', '.json'],
+ alias: {
+ "pages": path.resolve(__dirname, 'src/pages'),
+ }
},
-
module: {
rules: [
+ {
+ test: /\.less/,
+ use: [
+ { loader: 'style-loader' },
+ {
+ loader: 'css-loader',
+ },
+ {
+ loader: 'postcss-loader', options: {
+ ident: 'postcss',
+ plugins: (loader) => [
+ require('autoprefixer')(),
+ ]
+ }
+ },
+ { loader: 'less-loader' ,options:{javascriptEnabled:true}},
+ ],
+ },
// All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
- { test: /\.tsx?$/, loader: 'awesome-typescript-loader' },
+ {
+ test: /\.(ts||tsx)?$/, use: [
+ {
+ loader: 'babel-loader'
+ },
+ {
+ loader: 'ts-loader',
+ options: {
+ transpileOnly: true,
+ getCustomTransformers: () => ({
+ before: [ tsImportPluginFactory({
+ libraryName: 'antd',
+ libraryDirectory: 'es',
+ style: true,
+ }) ]
+ }),
+ compilerOptions: {
+ module: 'es2015'
+ }
+ },
+ }
+ ]
+ },
+ {
+ test: /\.css$/,
+ // exclude: /(node_modules|bower_components)/,
+ // include: [path.resolve(__dirname, 'src')],
+ use: [
+ {
+ loader: 'css-loader',
+ },
+ {
+ loader: 'postcss-loader', options: {
+ ident: 'postcss',
+ plugins: (loader) => [
+ require('autoprefixer')(),
+ ]
+ }
+ },
+ ],
+ },
+
+ {
+ test: /\.styl/,
+ exclude: /(node_modules|bower_components)/,
+ include: [path.resolve(__dirname, 'src')],
+ use: [
+ { loader: 'style-loader' },
+ {
+ loader: 'css-loader',
+ },
+ {
+ loader: 'postcss-loader', options: {
+ ident: 'postcss',
+ plugins: (loader) => [
+ require('autoprefixer')(),
+ ]
+ }
+ },
+ { loader: 'stylus-loader' },
+ ],
+ },
// All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
{ enforce: 'pre', test: /\.js$/, loader: 'source-map-loader' },