Merge branch 'search' of https://gitlab.julyedu.com/baiguangyao/mr-julyedu

.history/config/webpack.config_20190422163445.js

+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const webpack = require('webpack');
+const resolve = require('resolve');
+const PnpWebpackPlugin = require('pnp-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
+const InlineChunkHtmlPlugin = require('react-dev-utils/InlineChunkHtmlPlugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const safePostCssParser = require('postcss-safe-parser');
+const ManifestPlugin = require('webpack-manifest-plugin');
+const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
+const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
+const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
+const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
+const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
+const paths = require('./paths');
+const getClientEnvironment = require('./env');
+const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
+const ForkTsCheckerWebpackPlugin = require('react-dev-utils/ForkTsCheckerWebpackPlugin');
+const typescriptFormatter = require('react-dev-utils/typescriptFormatter');
+
+
+// Source maps are resource heavy and can cause out of memory issue for large source files.
+const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
+// Some apps do not need the benefits of saving a web request, so not inlining the chunk
+// makes for a smoother build process.
+const shouldInlineRuntimeChunk = process.env.INLINE_RUNTIME_CHUNK !== 'false';
+
+// Check if TypeScript is setup
+const useTypeScript = fs.existsSync(paths.appTsConfig);
+const theme = require('../package.json').theme;
+
+// style files regexes
+const cssRegex = /\.css$/;
+const cssModuleRegex = /\.module\.css$/;
+const sassRegex = /\.(scss|sass)$/;
+const sassModuleRegex = /\.module\.(scss|sass)$/;
+
+// This is the production and development configuration.
+// It is focused on developer experience, fast rebuilds, and a minimal bundle.
+module.exports = function(webpackEnv) {
+  const isEnvDevelopment = webpackEnv === 'development';
+  const isEnvProduction = webpackEnv === 'production';
+
+  // Webpack uses `publicPath` to determine where the app is being served from.
+  // It requires a trailing slash, or the file assets will get an incorrect path.
+  // In development, we always serve from the root. This makes config easier.
+  const publicPath = isEnvProduction
+    ? paths.servedPath
+    : isEnvDevelopment && '/';
+  // Some apps do not use client-side routing with pushState.
+  // For these, "homepage" can be set to "." to enable relative asset paths.
+  const shouldUseRelativeAssetPaths = publicPath === './';
+
+  // `publicUrl` is just like `publicPath`, but we will provide it to our app
+  // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
+  // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
+  const publicUrl = isEnvProduction
+    ? publicPath.slice(0, -1)
+    : isEnvDevelopment && '';
+  // Get environment variables to inject into our app.
+  const env = getClientEnvironment(publicUrl);
+
+  // common function to get style loaders
+  const getStyleLoaders = (cssOptions, preProcessor) => {
+    const loaders = [
+      isEnvDevelopment && require.resolve('style-loader'),
+      isEnvProduction && {
+        loader: MiniCssExtractPlugin.loader,
+        options: Object.assign(
+          {},
+          shouldUseRelativeAssetPaths ? { publicPath: '../../' } : undefined
+        ),
+      },
+      {
+        loader: require.resolve('css-loader'),
+        options: cssOptions,
+      },
+      {
+        // Options for PostCSS as we reference these options twice
+        // Adds vendor prefixing based on your specified browser support in
+        // package.json
+        loader: require.resolve('postcss-loader'),
+        options: {
+          // Necessary for external CSS imports to work
+          // https://github.com/facebook/create-react-app/issues/2677
+          ident: 'postcss',
+          plugins: () => [
+            require('postcss-flexbugs-fixes'),
+            require('postcss-preset-env')({
+              autoprefixer: {
+                flexbox: 'no-2009',
+              },
+              stage: 3,
+            }),
+          ],
+          sourceMap: isEnvProduction && shouldUseSourceMap,
+        },
+      },
+    ].filter(Boolean);
+    if (preProcessor) {
+      loaders.push({
+        loader: require.resolve(preProcessor),
+        options: {
+          sourceMap: isEnvProduction && shouldUseSourceMap,
+        },
+      });
+      if(preProcessor == 'sass-loader' && !cssOptions.modules){
+        loaders.push({
+          loader: require.resolve('sass-resources-loader'),
+          options: {
+            resources: [require.resolve('../src/styles/variable.scss')]
+          }
+        })
+      }
+    }
+    return loaders;
+  };
+
+  return {
+    mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
+    // Stop compilation early in production
+    bail: isEnvProduction,
+    devtool: isEnvProduction
+      ? shouldUseSourceMap
+        ? 'source-map'
+        : false
+      : isEnvDevelopment && 'cheap-module-source-map',
+    // These are the "entry points" to our application.
+    // This means they will be the "root" imports that are included in JS bundle.
+    entry: [
+      // Include an alternative client for WebpackDevServer. A client's job is to
+      // connect to WebpackDevServer by a socket and get notified about changes.
+      // When you save a file, the client will either apply hot updates (in case
+      // of CSS changes), or refresh the page (in case of JS changes). When you
+      // make a syntax error, this client will display a syntax error overlay.
+      // Note: instead of the default WebpackDevServer client, we use a custom one
+      // to bring better experience for Create React App users. You can replace
+      // the line below with these two lines if you prefer the stock client:
+      // require.resolve('webpack-dev-server/client') + '?/',
+      // require.resolve('webpack/hot/dev-server'),
+      isEnvDevelopment &&
+        require.resolve('react-dev-utils/webpackHotDevClient'),
+      // Finally, this is your app's code:
+      paths.appIndexJs,
+      // We include the app code last so that if there is a runtime error during
+      // initialization, it doesn't blow up the WebpackDevServer client, and
+      // changing JS code would still trigger a refresh.
+    ].filter(Boolean),
+    output: {
+      // The build folder.
+      path: isEnvProduction ? paths.appBuild : undefined,
+      // Add /* filename */ comments to generated require()s in the output.
+      pathinfo: isEnvDevelopment,
+      // There will be one main bundle, and one file per asynchronous chunk.
+      // In development, it does not produce real files.
+      filename: isEnvProduction
+        ? 'static/js/[name].[contenthash:8].js'
+        : isEnvDevelopment && 'static/js/bundle.js',
+      // There are also additional JS chunk files if you use code splitting.
+      chunkFilename: isEnvProduction
+        ? 'static/js/[name].[contenthash:8].chunk.js'
+        : isEnvDevelopment && 'static/js/[name].chunk.js',
+      // We inferred the "public path" (such as / or /my-project) from homepage.
+      // We use "/" in development.
+      publicPath: publicPath,
+      // Point sourcemap entries to original disk location (format as URL on Windows)
+      devtoolModuleFilenameTemplate: isEnvProduction
+        ? info =>
+            path
+              .relative(paths.appSrc, info.absoluteResourcePath)
+              .replace(/\\/g, '/')
+        : isEnvDevelopment &&
+          (info => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')),
+    },
+    optimization: {
+      minimize: isEnvProduction,
+      minimizer: [
+        // This is only used in production mode
+        new TerserPlugin({
+          terserOptions: {
+            parse: {
+              // we want terser to parse ecma 8 code. However, we don't want it
+              // to apply any minfication steps that turns valid ecma 5 code
+              // into invalid ecma 5 code. This is why the 'compress' and 'output'
+              // sections only apply transformations that are ecma 5 safe
+              // https://github.com/facebook/create-react-app/pull/4234
+              ecma: 8,
+            },
+            compress: {
+              ecma: 5,
+              warnings: false,
+              // Disabled because of an issue with Uglify breaking seemingly valid code:
+              // https://github.com/facebook/create-react-app/issues/2376
+              // Pending further investigation:
+              // https://github.com/mishoo/UglifyJS2/issues/2011
+              comparisons: false,
+              // Disabled because of an issue with Terser breaking valid code:
+              // https://github.com/facebook/create-react-app/issues/5250
+              // Pending futher investigation:
+              // https://github.com/terser-js/terser/issues/120
+              inline: 2,
+            },
+            mangle: {
+              safari10: true,
+            },
+            output: {
+              ecma: 5,
+              comments: false,
+              // Turned on because emoji and regex is not minified properly using default
+              // https://github.com/facebook/create-react-app/issues/2488
+              ascii_only: true,
+            },
+          },
+          // Use multi-process parallel running to improve the build speed
+          // Default number of concurrent runs: os.cpus().length - 1
+          parallel: true,
+          // Enable file caching
+          cache: true,
+          sourceMap: shouldUseSourceMap,
+        }),
+        // This is only used in production mode
+        new OptimizeCSSAssetsPlugin({
+          cssProcessorOptions: {
+            parser: safePostCssParser,
+            map: shouldUseSourceMap
+              ? {
+                  // `inline: false` forces the sourcemap to be output into a
+                  // separate file
+                  inline: false,
+                  // `annotation: true` appends the sourceMappingURL to the end of
+                  // the css file, helping the browser find the sourcemap
+                  annotation: true,
+                }
+              : false,
+          },
+        }),
+      ],
+      // Automatically split vendor and commons
+      // https://twitter.com/wSokra/status/969633336732905474
+      // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
+      splitChunks: {
+        chunks: 'all',
+        name: false,
+      },
+      // Keep the runtime chunk separated to enable long term caching
+      // https://twitter.com/wSokra/status/969679223278505985
+      runtimeChunk: true,
+    },
+    resolve: {
+      // This allows you to set a fallback for where Webpack should look for modules.
+      // We placed these paths second because we want `node_modules` to "win"
+      // if there are any conflicts. This matches Node resolution mechanism.
+      // https://github.com/facebook/create-react-app/issues/253
+      modules: ['node_modules'].concat(
+        // It is guaranteed to exist because we tweak it in `env.js`
+        process.env.NODE_PATH.split(path.delimiter).filter(Boolean)
+      ),
+      // These are the reasonable defaults supported by the Node ecosystem.
+      // We also include JSX as a common component filename extension to support
+      // some tools, although we do not recommend using it, see:
+      // https://github.com/facebook/create-react-app/issues/290
+      // `web` extension prefixes have been added for better support
+      // for React Native Web.
+      extensions: paths.moduleFileExtensions
+        .map(ext => `.${ext}`)
+        .filter(ext => useTypeScript || !ext.includes('ts')),
+      alias: {
+        // Support React Native Web
+        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
+        'react-native': 'react-native-web',
+        '@': path.resolve(__dirname, '../src'),
+        '@common': path.resolve(__dirname, '../src/common'),
+        '@components': path.resolve(__dirname, '../src/components')
+      },
+      plugins: [
+        // Adds support for installing with Plug'n'Play, leading to faster installs and adding
+        // guards against forgotten dependencies and such.
+        PnpWebpackPlugin,
+        // Prevents users from importing files from outside of src/ (or node_modules/).
+        // This often causes confusion because we only process files within src/ with babel.
+        // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
+        // please link the files into your node_modules/ and let module-resolution kick in.
+        // Make sure your source files are compiled, as they will not be processed in any way.
+        new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
+      ],
+    },
+    resolveLoader: {
+      plugins: [
+        // Also related to Plug'n'Play, but this time it tells Webpack to load its loaders
+        // from the current package.
+        PnpWebpackPlugin.moduleLoader(module),
+      ],
+    },
+    module: {
+      strictExportPresence: true,
+      rules: [
+        // Disable require.ensure as it's not a standard language feature.
+        { parser: { requireEnsure: false } },
+
+        // First, run the linter.
+        // It's important to do this before Babel processes the JS.
+        {
+          test: /\.(js|mjs|jsx)$/,
+          enforce: 'pre',
+          use: [
+            {
+              options: {
+                formatter: require.resolve('react-dev-utils/eslintFormatter'),
+                eslintPath: require.resolve('eslint'),
+                
+              },
+              loader: require.resolve('eslint-loader'),
+            },
+          ],
+          include: paths.appSrc,
+        },
+        {
+          // "oneOf" will traverse all following loaders until one will
+          // match the requirements. When no loader matches it will fall
+          // back to the "file" loader at the end of the loader list.
+          oneOf: [
+            // "url" loader works like "file" loader except that it embeds assets
+            // smaller than specified limit in bytes as data URLs to avoid requests.
+            // A missing `test` is equivalent to a match.
+            {
+              test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+              loader: require.resolve('url-loader'),
+              options: {
+                limit: 10000,
+                name: 'static/media/[name].[hash:8].[ext]',
+              },
+            },
+            // Process application JS with Babel.
+            // The preset includes JSX, Flow, TypeScript, and some ESnext features.
+            {
+              test: /\.(js|mjs|jsx|ts|tsx)$/,
+              include: paths.appSrc,
+              loader: require.resolve('babel-loader'),
+              options: {
+                customize: require.resolve(
+                  'babel-preset-react-app/webpack-overrides'
+                ),
+                
+                plugins: [
+                  [
+                    require.resolve('babel-plugin-named-asset-import'),
+                    {
+                      loaderMap: {
+                        svg: {
+                          ReactComponent: '@svgr/webpack?-svgo,+ref![path]',
+                        },
+                      },
+                    },
+                  ],
+                ],
+                // This is a feature of `babel-loader` for webpack (not Babel itself).
+                // It enables caching results in ./node_modules/.cache/babel-loader/
+                // directory for faster rebuilds.
+                cacheDirectory: true,
+                cacheCompression: isEnvProduction,
+                compact: isEnvProduction,
+              },
+            },
+            // Process any JS outside of the app with Babel.
+            // Unlike the application JS, we only compile the standard ES features.
+            {
+              test: /\.(js|mjs)$/,
+              exclude: /@babel(?:\/|\\{1,2})runtime/,
+              loader: require.resolve('babel-loader'),
+              options: {
+                babelrc: false,
+                configFile: false,
+                compact: false,
+                presets: [
+                  [
+                    require.resolve('babel-preset-react-app/dependencies'),
+                    { helpers: true },
+                  ],
+                ],
+                cacheDirectory: true,
+                cacheCompression: isEnvProduction,
+                
+                // If an error happens in a package, it's possible to be
+                // because it was compiled. Thus, we don't want the browser
+                // debugger to show the original code. Instead, the code
+                // being evaluated would be much more helpful.
+                sourceMaps: false,
+              },
+            },
+            // "postcss" loader applies autoprefixer to our CSS.
+            // "css" loader resolves paths in CSS and adds assets as dependencies.
+            // "style" loader turns CSS into JS modules that inject <style> tags.
+            // In production, we use MiniCSSExtractPlugin to extract that CSS
+            // to a file, but in development "style" loader enables hot editing
+            // of CSS.
+            // By default we support CSS Modules with the extension .module.css
+            {
+              test: cssRegex,
+              exclude: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isEnvProduction && shouldUseSourceMap,
+              }),
+              // Don't consider CSS imports dead code even if the
+              // containing package claims to have no side effects.
+              // Remove this when webpack adds a warning or an error for this.
+              // See https://github.com/webpack/webpack/issues/6571
+              sideEffects: true,
+            },
+            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
+            // using the extension .module.css
+            {
+              test: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isEnvProduction && shouldUseSourceMap,
+                modules: true,
+                getLocalIdent: getCSSModuleLocalIdent,
+              }),
+            },
+            // Opt-in support for SASS (using .scss or .sass extensions).
+            // By default we support SASS Modules with the
+            // extensions .module.scss or .module.sass
+            {
+              test: sassRegex,
+              exclude: sassModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isEnvProduction && shouldUseSourceMap,
+                  modules: false
+                },
+                'sass-loader'
+              ),
+              // Don't consider CSS imports dead code even if the
+              // containing package claims to have no side effects.
+              // Remove this when webpack adds a warning or an error for this.
+              // See https://github.com/webpack/webpack/issues/6571
+              sideEffects: true,
+            },
+            // Adds support for CSS Modules, but using SASS
+            // using the extension .module.scss or .module.sass
+            {
+              test: sassModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isEnvProduction && shouldUseSourceMap,
+                  modules: true,
+                  getLocalIdent: getCSSModuleLocalIdent,
+                },
+                'sass-loader'
+              ),
+            },
+            {
+              test: /\.less$/,
+              use: [
+                'style-loader',
+                'css-loader',
+                { loader: 'less-loader', 
+                  options: { 
+                    modifyVars: theme,
+                    javascriptEnabled: true
+                  } 
+                },
+                
+              ],
+              include: /node_modules/,
+            },
+            // "file" loader makes sure those assets get served by WebpackDevServer.
+            // When you `import` an asset, you get its (virtual) filename.
+            // In production, they would get copied to the `build` folder.
+            // This loader doesn't use a "test" so it will catch all modules
+            // that fall through the other loaders.
+            {
+              loader: require.resolve('file-loader'),
+              // Exclude `js` files to keep "css" loader working as it injects
+              // its runtime that would otherwise be processed through "file" loader.
+              // Also exclude `html` and `json` extensions so they get processed
+              // by webpacks internal loaders.
+              exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
+              options: {
+                name: 'static/media/[name].[hash:8].[ext]',
+              },
+            },
+            // ** STOP ** Are you adding a new loader?
+            // Make sure to add the new loader(s) before the "file" loader.
+          ],
+        },
+      ],
+    },
+    plugins: [
+      // Generates an `index.html` file with the <script> injected.
+      new HtmlWebpackPlugin(
+        Object.assign(
+          {},
+          {
+            inject: true,
+            template: paths.appHtml,
+          },
+          isEnvProduction
+            ? {
+                minify: {
+                  removeComments: true,
+                  collapseWhitespace: true,
+                  removeRedundantAttributes: true,
+                  useShortDoctype: true,
+                  removeEmptyAttributes: true,
+                  removeStyleLinkTypeAttributes: true,
+                  keepClosingSlash: true,
+                  minifyJS: true,
+                  minifyCSS: true,
+                  minifyURLs: true,
+                },
+              }
+            : undefined
+        )
+      ),
+      // Inlines the webpack runtime script. This script is too small to warrant
+      // a network request.
+      isEnvProduction &&
+        shouldInlineRuntimeChunk &&
+        new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime~.+[.]js/]),
+      // Makes some environment variables available in index.html.
+      // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
+      // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+      // In production, it will be an empty string unless you specify "homepage"
+      // in `package.json`, in which case it will be the pathname of that URL.
+      // In development, this will be an empty string.
+      new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
+      // This gives some necessary context to module not found errors, such as
+      // the requesting resource.
+      new ModuleNotFoundPlugin(paths.appPath),
+      // Makes some environment variables available to the JS code, for example:
+      // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
+      // It is absolutely essential that NODE_ENV is set to production
+      // during a production build.
+      // Otherwise React will be compiled in the very slow development mode.
+      new webpack.DefinePlugin(env.stringified),
+      // This is necessary to emit hot updates (currently CSS only):
+      isEnvDevelopment && new webpack.HotModuleReplacementPlugin(),
+      // Watcher doesn't work well if you mistype casing in a path so we use
+      // a plugin that prints an error when you attempt to do this.
+      // See https://github.com/facebook/create-react-app/issues/240
+      isEnvDevelopment && new CaseSensitivePathsPlugin(),
+      // If you require a missing module and then `npm install` it, you still have
+      // to restart the development server for Webpack to discover it. This plugin
+      // makes the discovery automatic so you don't have to restart.
+      // See https://github.com/facebook/create-react-app/issues/186
+      isEnvDevelopment &&
+        new WatchMissingNodeModulesPlugin(paths.appNodeModules),
+      isEnvProduction &&
+        new MiniCssExtractPlugin({
+          // Options similar to the same options in webpackOptions.output
+          // both options are optional
+          filename: 'static/css/[name].[contenthash:8].css',
+          chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
+        }),
+      // Generate a manifest file which contains a mapping of all asset filenames
+      // to their corresponding output file so that tools can pick it up without
+      // having to parse `index.html`.
+      new ManifestPlugin({
+        fileName: 'asset-manifest.json',
+        publicPath: publicPath,
+      }),
+      // Moment.js is an extremely popular library that bundles large locale files
+      // by default due to how Webpack interprets its code. This is a practical
+      // solution that requires the user to opt into importing specific locales.
+      // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
+      // You can remove this if you don't use Moment.js:
+      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+      // Generate a service worker script that will precache, and keep up to date,
+      // the HTML & assets that are part of the Webpack build.
+      isEnvProduction &&
+        new WorkboxWebpackPlugin.GenerateSW({
+          clientsClaim: true,
+          exclude: [/\.map$/, /asset-manifest\.json$/],
+          importWorkboxFrom: 'cdn',
+          navigateFallback: publicUrl + '/index.html',
+          navigateFallbackBlacklist: [
+            // Exclude URLs starting with /_, as they're likely an API call
+            new RegExp('^/_'),
+            // Exclude URLs containing a dot, as they're likely a resource in
+            // public/ and not a SPA route
+            new RegExp('/[^/]+\\.[^/]+$'),
+          ],
+        }),
+      // TypeScript type checking
+      useTypeScript &&
+        new ForkTsCheckerWebpackPlugin({
+          typescript: resolve.sync('typescript', {
+            basedir: paths.appNodeModules,
+          }),
+          async: isEnvDevelopment,
+          useTypescriptIncrementalApi: true,
+          checkSyntacticErrors: true,
+          tsconfig: paths.appTsConfig,
+          reportFiles: [
+            '**',
+            '!**/*.json',
+            '!**/__tests__/**',
+            '!**/?(*.)(spec|test).*',
+            '!**/src/setupProxy.*',
+            '!**/src/setupTests.*',
+          ],
+          watch: paths.appSrc,
+          silent: true,
+          // The formatter is invoked directly in WebpackDevServerUtils during development
+          formatter: isEnvProduction ? typescriptFormatter : undefined,
+        }),
+    ].filter(Boolean),
+    // Some libraries import Node modules but don't use them in the browser.
+    // Tell Webpack to provide empty mocks for them so importing them works.
+    node: {
+      module: 'empty',
+      dgram: 'empty',
+      dns: 'mock',
+      fs: 'empty',
+      net: 'empty',
+      tls: 'empty',
+      child_process: 'empty',
+    },
+    // Turn off performance processing because we utilize
+    // our own hints via the FileSizeReporter
+    performance: false,
+  };
+};

.history/config/webpack.config_20190422163923.js

+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const webpack = require('webpack');
+const resolve = require('resolve');
+const PnpWebpackPlugin = require('pnp-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
+const InlineChunkHtmlPlugin = require('react-dev-utils/InlineChunkHtmlPlugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const safePostCssParser = require('postcss-safe-parser');
+const ManifestPlugin = require('webpack-manifest-plugin');
+const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
+const WorkboxWebpackPlugin = require('workbox-webpack-plugin');
+const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
+const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
+const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
+const paths = require('./paths');
+const getClientEnvironment = require('./env');
+const ModuleNotFoundPlugin = require('react-dev-utils/ModuleNotFoundPlugin');
+const ForkTsCheckerWebpackPlugin = require('react-dev-utils/ForkTsCheckerWebpackPlugin');
+const typescriptFormatter = require('react-dev-utils/typescriptFormatter');
+
+
+// Source maps are resource heavy and can cause out of memory issue for large source files.
+const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
+// Some apps do not need the benefits of saving a web request, so not inlining the chunk
+// makes for a smoother build process.
+const shouldInlineRuntimeChunk = process.env.INLINE_RUNTIME_CHUNK !== 'false';
+
+// Check if TypeScript is setup
+const useTypeScript = fs.existsSync(paths.appTsConfig);
+const theme = require('../package.json').theme;
+
+// style files regexes
+const cssRegex = /\.css$/;
+const cssModuleRegex = /\.module\.css$/;
+const sassRegex = /\.(scss|sass)$/;
+const sassModuleRegex = /\.module\.(scss|sass)$/;
+
+// This is the production and development configuration.
+// It is focused on developer experience, fast rebuilds, and a minimal bundle.
+module.exports = function(webpackEnv) {
+  const isEnvDevelopment = webpackEnv === 'development';
+  const isEnvProduction = webpackEnv === 'production';
+
+  // Webpack uses `publicPath` to determine where the app is being served from.
+  // It requires a trailing slash, or the file assets will get an incorrect path.
+  // In development, we always serve from the root. This makes config easier.
+  const publicPath = isEnvProduction
+    ? paths.servedPath
+    : isEnvDevelopment && '/';
+  // Some apps do not use client-side routing with pushState.
+  // For these, "homepage" can be set to "." to enable relative asset paths.
+  const shouldUseRelativeAssetPaths = publicPath === './';
+
+  // `publicUrl` is just like `publicPath`, but we will provide it to our app
+  // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
+  // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
+  const publicUrl = isEnvProduction
+    ? publicPath.slice(0, -1)
+    : isEnvDevelopment && '';
+  // Get environment variables to inject into our app.
+  const env = getClientEnvironment(publicUrl);
+
+  // common function to get style loaders
+  const getStyleLoaders = (cssOptions, preProcessor) => {
+    const loaders = [
+      isEnvDevelopment && require.resolve('style-loader'),
+      isEnvProduction && {
+        loader: MiniCssExtractPlugin.loader,
+        options: Object.assign(
+          {},
+          shouldUseRelativeAssetPaths ? { publicPath: '../../' } : undefined
+        ),
+      },
+      {
+        loader: require.resolve('css-loader'),
+        options: cssOptions,
+      },
+      {
+        // Options for PostCSS as we reference these options twice
+        // Adds vendor prefixing based on your specified browser support in
+        // package.json
+        loader: require.resolve('postcss-loader'),
+        options: {
+          // Necessary for external CSS imports to work
+          // https://github.com/facebook/create-react-app/issues/2677
+          ident: 'postcss',
+          plugins: () => [
+            require('postcss-flexbugs-fixes'),
+            require('postcss-preset-env')({
+              autoprefixer: {
+                flexbox: 'no-2009',
+              },
+              stage: 3,
+            }),
+          ],
+          sourceMap: isEnvProduction && shouldUseSourceMap,
+        },
+      },
+    ].filter(Boolean);
+    if (preProcessor) {
+      loaders.push({
+        loader: require.resolve(preProcessor),
+        options: {
+          sourceMap: isEnvProduction && shouldUseSourceMap,
+        },
+      });
+      if(preProcessor == 'sass-loader' && !cssOptions.modules){
+        loaders.push({
+          loader: require.resolve('sass-resources-loader'),
+          options: {
+            resources: [require.resolve('../src/styles/variable.scss')]
+          }
+        })
+      }
+    }
+    return loaders;
+  };
+
+  return {
+    mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
+    // Stop compilation early in production
+    bail: isEnvProduction,
+    devtool: isEnvProduction
+      ? shouldUseSourceMap
+        ? 'source-map'
+        : false
+      : isEnvDevelopment && 'cheap-module-source-map',
+    // These are the "entry points" to our application.
+    // This means they will be the "root" imports that are included in JS bundle.
+    entry: [
+      // Include an alternative client for WebpackDevServer. A client's job is to
+      // connect to WebpackDevServer by a socket and get notified about changes.
+      // When you save a file, the client will either apply hot updates (in case
+      // of CSS changes), or refresh the page (in case of JS changes). When you
+      // make a syntax error, this client will display a syntax error overlay.
+      // Note: instead of the default WebpackDevServer client, we use a custom one
+      // to bring better experience for Create React App users. You can replace
+      // the line below with these two lines if you prefer the stock client:
+      // require.resolve('webpack-dev-server/client') + '?/',
+      // require.resolve('webpack/hot/dev-server'),
+      isEnvDevelopment &&
+        require.resolve('react-dev-utils/webpackHotDevClient'),
+      // Finally, this is your app's code:
+      paths.appIndexJs,
+      // We include the app code last so that if there is a runtime error during
+      // initialization, it doesn't blow up the WebpackDevServer client, and
+      // changing JS code would still trigger a refresh.
+    ].filter(Boolean),
+    output: {
+      // The build folder.
+      path: isEnvProduction ? paths.appBuild : undefined,
+      // Add /* filename */ comments to generated require()s in the output.
+      pathinfo: isEnvDevelopment,
+      // There will be one main bundle, and one file per asynchronous chunk.
+      // In development, it does not produce real files.
+      filename: isEnvProduction
+        ? 'static/js/[name].[contenthash:8].js'
+        : isEnvDevelopment && 'static/js/bundle.js',
+      // There are also additional JS chunk files if you use code splitting.
+      chunkFilename: isEnvProduction
+        ? 'static/js/[name].[contenthash:8].chunk.js'
+        : isEnvDevelopment && 'static/js/[name].chunk.js',
+      // We inferred the "public path" (such as / or /my-project) from homepage.
+      // We use "/" in development.
+      publicPath: publicPath,
+      // Point sourcemap entries to original disk location (format as URL on Windows)
+      devtoolModuleFilenameTemplate: isEnvProduction
+        ? info =>
+            path
+              .relative(paths.appSrc, info.absoluteResourcePath)
+              .replace(/\\/g, '/')
+        : isEnvDevelopment &&
+          (info => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')),
+    },
+    optimization: {
+      minimize: isEnvProduction,
+      minimizer: [
+        // This is only used in production mode
+        new TerserPlugin({
+          terserOptions: {
+            parse: {
+              // we want terser to parse ecma 8 code. However, we don't want it
+              // to apply any minfication steps that turns valid ecma 5 code
+              // into invalid ecma 5 code. This is why the 'compress' and 'output'
+              // sections only apply transformations that are ecma 5 safe
+              // https://github.com/facebook/create-react-app/pull/4234
+              ecma: 8,
+            },
+            compress: {
+              ecma: 5,
+              warnings: false,
+              // Disabled because of an issue with Uglify breaking seemingly valid code:
+              // https://github.com/facebook/create-react-app/issues/2376
+              // Pending further investigation:
+              // https://github.com/mishoo/UglifyJS2/issues/2011
+              comparisons: false,
+              // Disabled because of an issue with Terser breaking valid code:
+              // https://github.com/facebook/create-react-app/issues/5250
+              // Pending futher investigation:
+              // https://github.com/terser-js/terser/issues/120
+              inline: 2,
+            },
+            mangle: {
+              safari10: true,
+            },
+            output: {
+              ecma: 5,
+              comments: false,
+              // Turned on because emoji and regex is not minified properly using default
+              // https://github.com/facebook/create-react-app/issues/2488
+              ascii_only: true,
+            },
+          },
+          // Use multi-process parallel running to improve the build speed
+          // Default number of concurrent runs: os.cpus().length - 1
+          parallel: true,
+          // Enable file caching
+          cache: true,
+          sourceMap: shouldUseSourceMap,
+        }),
+        // This is only used in production mode
+        new OptimizeCSSAssetsPlugin({
+          cssProcessorOptions: {
+            parser: safePostCssParser,
+            map: shouldUseSourceMap
+              ? {
+                  // `inline: false` forces the sourcemap to be output into a
+                  // separate file
+                  inline: false,
+                  // `annotation: true` appends the sourceMappingURL to the end of
+                  // the css file, helping the browser find the sourcemap
+                  annotation: true,
+                }
+              : false,
+          },
+        }),
+      ],
+      // Automatically split vendor and commons
+      // https://twitter.com/wSokra/status/969633336732905474
+      // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
+      splitChunks: {
+        chunks: 'all',
+        name: false,
+      },
+      // Keep the runtime chunk separated to enable long term caching
+      // https://twitter.com/wSokra/status/969679223278505985
+      runtimeChunk: true,
+    },
+    resolve: {
+      // This allows you to set a fallback for where Webpack should look for modules.
+      // We placed these paths second because we want `node_modules` to "win"
+      // if there are any conflicts. This matches Node resolution mechanism.
+      // https://github.com/facebook/create-react-app/issues/253
+      modules: ['node_modules'].concat(
+        // It is guaranteed to exist because we tweak it in `env.js`
+        process.env.NODE_PATH.split(path.delimiter).filter(Boolean)
+      ),
+      // These are the reasonable defaults supported by the Node ecosystem.
+      // We also include JSX as a common component filename extension to support
+      // some tools, although we do not recommend using it, see:
+      // https://github.com/facebook/create-react-app/issues/290
+      // `web` extension prefixes have been added for better support
+      // for React Native Web.
+      extensions: paths.moduleFileExtensions
+        .map(ext => `.${ext}`)
+        .filter(ext => useTypeScript || !ext.includes('ts')),
+      alias: {
+        // Support React Native Web
+        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
+        'react-native': 'react-native-web',
+        '@': path.resolve(__dirname, '../src'),
+        '@common': path.resolve(__dirname, '../src/common'),
+        '@components': path.resolve(__dirname, '../src/components'),
+        '@base': path.resolve(__dirname, '../src/base')
+      },
+      plugins: [
+        // Adds support for installing with Plug'n'Play, leading to faster installs and adding
+        // guards against forgotten dependencies and such.
+        PnpWebpackPlugin,
+        // Prevents users from importing files from outside of src/ (or node_modules/).
+        // This often causes confusion because we only process files within src/ with babel.
+        // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
+        // please link the files into your node_modules/ and let module-resolution kick in.
+        // Make sure your source files are compiled, as they will not be processed in any way.
+        new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
+      ],
+    },
+    resolveLoader: {
+      plugins: [
+        // Also related to Plug'n'Play, but this time it tells Webpack to load its loaders
+        // from the current package.
+        PnpWebpackPlugin.moduleLoader(module),
+      ],
+    },
+    module: {
+      strictExportPresence: true,
+      rules: [
+        // Disable require.ensure as it's not a standard language feature.
+        { parser: { requireEnsure: false } },
+
+        // First, run the linter.
+        // It's important to do this before Babel processes the JS.
+        {
+          test: /\.(js|mjs|jsx)$/,
+          enforce: 'pre',
+          use: [
+            {
+              options: {
+                formatter: require.resolve('react-dev-utils/eslintFormatter'),
+                eslintPath: require.resolve('eslint'),
+                
+              },
+              loader: require.resolve('eslint-loader'),
+            },
+          ],
+          include: paths.appSrc,
+        },
+        {
+          // "oneOf" will traverse all following loaders until one will
+          // match the requirements. When no loader matches it will fall
+          // back to the "file" loader at the end of the loader list.
+          oneOf: [
+            // "url" loader works like "file" loader except that it embeds assets
+            // smaller than specified limit in bytes as data URLs to avoid requests.
+            // A missing `test` is equivalent to a match.
+            {
+              test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+              loader: require.resolve('url-loader'),
+              options: {
+                limit: 10000,
+                name: 'static/media/[name].[hash:8].[ext]',
+              },
+            },
+            // Process application JS with Babel.
+            // The preset includes JSX, Flow, TypeScript, and some ESnext features.
+            {
+              test: /\.(js|mjs|jsx|ts|tsx)$/,
+              include: paths.appSrc,
+              loader: require.resolve('babel-loader'),
+              options: {
+                customize: require.resolve(
+                  'babel-preset-react-app/webpack-overrides'
+                ),
+                
+                plugins: [
+                  [
+                    require.resolve('babel-plugin-named-asset-import'),
+                    {
+                      loaderMap: {
+                        svg: {
+                          ReactComponent: '@svgr/webpack?-svgo,+ref![path]',
+                        },
+                      },
+                    },
+                  ],
+                ],
+                // This is a feature of `babel-loader` for webpack (not Babel itself).
+                // It enables caching results in ./node_modules/.cache/babel-loader/
+                // directory for faster rebuilds.
+                cacheDirectory: true,
+                cacheCompression: isEnvProduction,
+                compact: isEnvProduction,
+              },
+            },
+            // Process any JS outside of the app with Babel.
+            // Unlike the application JS, we only compile the standard ES features.
+            {
+              test: /\.(js|mjs)$/,
+              exclude: /@babel(?:\/|\\{1,2})runtime/,
+              loader: require.resolve('babel-loader'),
+              options: {
+                babelrc: false,
+                configFile: false,
+                compact: false,
+                presets: [
+                  [
+                    require.resolve('babel-preset-react-app/dependencies'),
+                    { helpers: true },
+                  ],
+                ],
+                cacheDirectory: true,
+                cacheCompression: isEnvProduction,
+                
+                // If an error happens in a package, it's possible to be
+                // because it was compiled. Thus, we don't want the browser
+                // debugger to show the original code. Instead, the code
+                // being evaluated would be much more helpful.
+                sourceMaps: false,
+              },
+            },
+            // "postcss" loader applies autoprefixer to our CSS.
+            // "css" loader resolves paths in CSS and adds assets as dependencies.
+            // "style" loader turns CSS into JS modules that inject <style> tags.
+            // In production, we use MiniCSSExtractPlugin to extract that CSS
+            // to a file, but in development "style" loader enables hot editing
+            // of CSS.
+            // By default we support CSS Modules with the extension .module.css
+            {
+              test: cssRegex,
+              exclude: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isEnvProduction && shouldUseSourceMap,
+              }),
+              // Don't consider CSS imports dead code even if the
+              // containing package claims to have no side effects.
+              // Remove this when webpack adds a warning or an error for this.
+              // See https://github.com/webpack/webpack/issues/6571
+              sideEffects: true,
+            },
+            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
+            // using the extension .module.css
+            {
+              test: cssModuleRegex,
+              use: getStyleLoaders({
+                importLoaders: 1,
+                sourceMap: isEnvProduction && shouldUseSourceMap,
+                modules: true,
+                getLocalIdent: getCSSModuleLocalIdent,
+              }),
+            },
+            // Opt-in support for SASS (using .scss or .sass extensions).
+            // By default we support SASS Modules with the
+            // extensions .module.scss or .module.sass
+            {
+              test: sassRegex,
+              exclude: sassModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isEnvProduction && shouldUseSourceMap,
+                  modules: false
+                },
+                'sass-loader'
+              ),
+              // Don't consider CSS imports dead code even if the
+              // containing package claims to have no side effects.
+              // Remove this when webpack adds a warning or an error for this.
+              // See https://github.com/webpack/webpack/issues/6571
+              sideEffects: true,
+            },
+            // Adds support for CSS Modules, but using SASS
+            // using the extension .module.scss or .module.sass
+            {
+              test: sassModuleRegex,
+              use: getStyleLoaders(
+                {
+                  importLoaders: 2,
+                  sourceMap: isEnvProduction && shouldUseSourceMap,
+                  modules: true,
+                  getLocalIdent: getCSSModuleLocalIdent,
+                },
+                'sass-loader'
+              ),
+            },
+            {
+              test: /\.less$/,
+              use: [
+                'style-loader',
+                'css-loader',
+                { loader: 'less-loader', 
+                  options: { 
+                    modifyVars: theme,
+                    javascriptEnabled: true
+                  } 
+                },
+                
+              ],
+              include: /node_modules/,
+            },
+            // "file" loader makes sure those assets get served by WebpackDevServer.
+            // When you `import` an asset, you get its (virtual) filename.
+            // In production, they would get copied to the `build` folder.
+            // This loader doesn't use a "test" so it will catch all modules
+            // that fall through the other loaders.
+            {
+              loader: require.resolve('file-loader'),
+              // Exclude `js` files to keep "css" loader working as it injects
+              // its runtime that would otherwise be processed through "file" loader.
+              // Also exclude `html` and `json` extensions so they get processed
+              // by webpacks internal loaders.
+              exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
+              options: {
+                name: 'static/media/[name].[hash:8].[ext]',
+              },
+            },
+            // ** STOP ** Are you adding a new loader?
+            // Make sure to add the new loader(s) before the "file" loader.
+          ],
+        },
+      ],
+    },
+    plugins: [
+      // Generates an `index.html` file with the <script> injected.
+      new HtmlWebpackPlugin(
+        Object.assign(
+          {},
+          {
+            inject: true,
+            template: paths.appHtml,
+          },
+          isEnvProduction
+            ? {
+                minify: {
+                  removeComments: true,
+                  collapseWhitespace: true,
+                  removeRedundantAttributes: true,
+                  useShortDoctype: true,
+                  removeEmptyAttributes: true,
+                  removeStyleLinkTypeAttributes: true,
+                  keepClosingSlash: true,
+                  minifyJS: true,
+                  minifyCSS: true,
+                  minifyURLs: true,
+                },
+              }
+            : undefined
+        )
+      ),
+      // Inlines the webpack runtime script. This script is too small to warrant
+      // a network request.
+      isEnvProduction &&
+        shouldInlineRuntimeChunk &&
+        new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime~.+[.]js/]),
+      // Makes some environment variables available in index.html.
+      // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
+      // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+      // In production, it will be an empty string unless you specify "homepage"
+      // in `package.json`, in which case it will be the pathname of that URL.
+      // In development, this will be an empty string.
+      new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
+      // This gives some necessary context to module not found errors, such as
+      // the requesting resource.
+      new ModuleNotFoundPlugin(paths.appPath),
+      // Makes some environment variables available to the JS code, for example:
+      // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
+      // It is absolutely essential that NODE_ENV is set to production
+      // during a production build.
+      // Otherwise React will be compiled in the very slow development mode.
+      new webpack.DefinePlugin(env.stringified),
+      // This is necessary to emit hot updates (currently CSS only):
+      isEnvDevelopment && new webpack.HotModuleReplacementPlugin(),
+      // Watcher doesn't work well if you mistype casing in a path so we use
+      // a plugin that prints an error when you attempt to do this.
+      // See https://github.com/facebook/create-react-app/issues/240
+      isEnvDevelopment && new CaseSensitivePathsPlugin(),
+      // If you require a missing module and then `npm install` it, you still have
+      // to restart the development server for Webpack to discover it. This plugin
+      // makes the discovery automatic so you don't have to restart.
+      // See https://github.com/facebook/create-react-app/issues/186
+      isEnvDevelopment &&
+        new WatchMissingNodeModulesPlugin(paths.appNodeModules),
+      isEnvProduction &&
+        new MiniCssExtractPlugin({
+          // Options similar to the same options in webpackOptions.output
+          // both options are optional
+          filename: 'static/css/[name].[contenthash:8].css',
+          chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',
+        }),
+      // Generate a manifest file which contains a mapping of all asset filenames
+      // to their corresponding output file so that tools can pick it up without
+      // having to parse `index.html`.
+      new ManifestPlugin({
+        fileName: 'asset-manifest.json',
+        publicPath: publicPath,
+      }),
+      // Moment.js is an extremely popular library that bundles large locale files
+      // by default due to how Webpack interprets its code. This is a practical
+      // solution that requires the user to opt into importing specific locales.
+      // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
+      // You can remove this if you don't use Moment.js:
+      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
+      // Generate a service worker script that will precache, and keep up to date,
+      // the HTML & assets that are part of the Webpack build.
+      isEnvProduction &&
+        new WorkboxWebpackPlugin.GenerateSW({
+          clientsClaim: true,
+          exclude: [/\.map$/, /asset-manifest\.json$/],
+          importWorkboxFrom: 'cdn',
+          navigateFallback: publicUrl + '/index.html',
+          navigateFallbackBlacklist: [
+            // Exclude URLs starting with /_, as they're likely an API call
+            new RegExp('^/_'),
+            // Exclude URLs containing a dot, as they're likely a resource in
+            // public/ and not a SPA route
+            new RegExp('/[^/]+\\.[^/]+$'),
+          ],
+        }),
+      // TypeScript type checking
+      useTypeScript &&
+        new ForkTsCheckerWebpackPlugin({
+          typescript: resolve.sync('typescript', {
+            basedir: paths.appNodeModules,
+          }),
+          async: isEnvDevelopment,
+          useTypescriptIncrementalApi: true,
+          checkSyntacticErrors: true,
+          tsconfig: paths.appTsConfig,
+          reportFiles: [
+            '**',
+            '!**/*.json',
+            '!**/__tests__/**',
+            '!**/?(*.)(spec|test).*',
+            '!**/src/setupProxy.*',
+            '!**/src/setupTests.*',
+          ],
+          watch: paths.appSrc,
+          silent: true,
+          // The formatter is invoked directly in WebpackDevServerUtils during development
+          formatter: isEnvProduction ? typescriptFormatter : undefined,
+        }),
+    ].filter(Boolean),
+    // Some libraries import Node modules but don't use them in the browser.
+    // Tell Webpack to provide empty mocks for them so importing them works.
+    node: {
+      module: 'empty',
+      dgram: 'empty',
+      dns: 'mock',
+      fs: 'empty',
+      net: 'empty',
+      tls: 'empty',
+      child_process: 'empty',
+    },
+    // Turn off performance processing because we utilize
+    // our own hints via the FileSizeReporter
+    performance: false,
+  };
+};

.history/src/App_20190422170733.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './routes'
+import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

.history/src/App_20190422170736.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './routes'
+// import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

.history/src/App_20190422171630.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './router'
+// import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

.history/src/base/Tag/index_20190422163731.js

+import React, { Component } from 'react'
+import './tag.scss'
+export default class Tag extends Component {
+    render() {
+        return (
+            <span className="tag" {...this.props}>
+                {this.props.children}
+            </span>
+        )
+    }
+}

.history/src/base/Tag/tag_20190422163719.scss

+.tag{
+    display: block;
+    max-width: 100%;
+    overflow: hidden;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    font-size:12px;
+    padding:4px 10px;
+    color:#555;
+    border-radius: 3px;
+    float: left;
+    background-color: #f0f2f5;
+    line-height: 20px;
+}
\ No newline at end of file

.history/src/components/search/index_20190422155804.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
+import './index.scss';
+import Avatar from './image/avatar.png';
+import Vip from './image/vip.png';
+// import UnVip from './image/unVIP.png';
+
+const Item = List.Item;
+const Brief = Item.Brief;
+
+class Search extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        
+                    </Flex.Item>
+                </Flex>
+             
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422155944.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
+import './index.scss';
+
+class Search extends Component {
+
+    render() {
+        return (
+            <div className="flex-container">
+                <Flex>
+                    <Flex.Item>
+                        
+                    </Flex.Item>
+                </Flex>
+             
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422162618.js

+import React, { Component } from 'react';
+import { Flex, WhiteSpace, NavBar, List } from 'antd-mobile';
+import './index.scss';
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (
+            <div className="search-page">
+                <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead>
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <img src={require(`@common/images/delete.png`)} alt="delete" onClick={() => {
+                                this.removeHistory()
+                            }} />
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422162910.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import './index.scss';
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return (
+            <div className="search-page">
+                <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead>
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <img src={require(`@common/images/delete.png`)} alt="delete" onClick={() => {
+                                this.removeHistory()
+                            }} />
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422163005.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import './index.scss';
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead>
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <img src={require(`@common/images/delete.png`)} alt="delete" onClick={() => {
+                                this.removeHistory()
+                            }} />
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422163755.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead>
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <img src={require(`@common/images/delete.png`)} alt="delete" onClick={() => {
+                                this.removeHistory()
+                            }} />
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422163836.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                {/* <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead> */}
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <img src={require(`@common/images/delete.png`)} alt="delete" onClick={() => {
+                                this.removeHistory()
+                            }} />
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422163842.js

+import React, { Component } from 'react';
+// import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                {/* <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead> */}
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <img src={require(`@common/images/delete.png`)} alt="delete" onClick={() => {
+                                this.removeHistory()
+                            }} />
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422164131.js

+import React, { Component } from 'react';
+// import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                {/* <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead> */}
+                {
+                    this.props.searchVal.length < 1
+                        ? null : null
+                }
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422164209.js

+import React, { Component } from 'react';
+// import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    {/* <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div> */}
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422164225.js

+import React, { Component } from 'react';
+// import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422164310.js

+import React, { Component } from 'react';
+// import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422164907.scss

+.search-page{
+    .search-main{
+        background-color: #fff;
+        padding:10px;
+        .search-land{
+            label{
+                margin-bottom:10px;
+                display: flex;
+                justify-content: space-between;
+                span{
+                    font-size:16px;
+                }
+                img{
+                    width:16px;
+                    height:16px;
+                    display: block;
+                }
+            }
+            .search-tag{
+                overflow: hidden;
+            }
+        }
+        .search-hot{
+            margin-top:10px;
+        }
+        ul,li{
+            list-style: none;
+            padding:0;
+            margin:0;
+        }
+        .list{
+            padding:10px 0;
+            border-bottom:1px solid #eee;
+        }
+        .list:last-child{
+            border-bottom:0;
+        }
+    }
+    .searct-lists{
+        padding:0 10px;
+    }
+}
\ No newline at end of file

.history/src/components/search/index_20190422165134.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422175540.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        // let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422175543.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422175611.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+            <SearchHead value={querystring} returnbtn={true} goto={this.gotoList.bind(this)}></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422180440.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+            <SearchHead value={querystring} returnbtn={true} ></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422180829.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+            <SearchHead value={querystring} returnbtn={true} ></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {/* {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            } */}
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422180842.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+            <SearchHead value={querystring} returnbtn={true} ></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+              <span>热门搜索</span>
+            </label>
+            <div className="search-tag">
+              {
+                this.state.searchHot.length>0?
+                this.state.searchHot.map((v,i)=>{
+                  return (<Tag key={i} onClick={()=>{
+                    this.gotoList(v)
+                  }}>{v}</Tag>)
+                })
+                :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+              }
+            </div>
+          </div>
+                </div>
+                {/* <div className="search-main searct-lists">
+            <ul>
+              {
+                this.state.searchList.length>0?
+                this.state.searchList.map((v,i)=>{
+                  return (
+                    <li key={i} className="list" onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</li>
+                  )
+                })
+                :
+                <li style={{textAlign:'center',padding:'20px'}}>暂时数据</li>
+              }
+            </ul>
+          </div> */}
+            </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/index_20190422182529.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead value={querystring} returnbtn={true} ></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+            <span>热门搜索</span>
+            </label>
+              <div className="search-tag">
+                {
+                  this.state.searchHot.length>0?
+                  this.state.searchHot.map((v,i)=>{
+                    return (<Tag key={i} onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</Tag>)
+                  })
+                  :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+                }
+              </div>
+            </div>
+          </div>
+               
+          </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

.history/src/components/search/searchHead_20190422162616.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from '@actions/searchAction'
+//引入antd-mobile组件
+import { SearchBar, Toast } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            <img src={require("@common/images/return.png")} alt="return" />
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422165833.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar, Toast } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            <img src={require("@common/images/return.png")} alt="return" />
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422165959.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar, Toast } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422172940.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store/reducer'
+//引入antd-mobile组件
+import { SearchBar, Toast } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422173140.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store/reducer'
+//引入antd-mobile组件
+import { SearchBar, Toast } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        console.log(searchReducer)
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422173358.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store/reducer'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        console.log(searchReducer)
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422173537.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        console.log(searchReducer)
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422181049.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        // this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        console.log(searchReducer)
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422181152.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        // this.props.search.changeVal(this.state.val)
+    }
+    submit() {
+        if (this.state.val === "") {
+            this.props.goto(null)
+        } else {
+            this.props.goto(this.state.val)
+        }
+    }
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                        onSubmit={() => {
+                            this.submit()
+                        }}
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <button className="submit-btn" onClick={() => {
+                        this.submit()
+                    }}>搜索</button>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422181357.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        // this.props.search.changeVal(this.state.val)
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422182610.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        // this.props.search.changeVal(this.state.val)
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索课程</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422182618.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        // this.props.search.changeVal(this.state.val)
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索课程"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422182707.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+        let prevPath = sessionStorage.getItem('__search_prev_path__');
+        if (this.props.location.pathname === prevPath) {
+            this.props.history.push('/index');
+            sessionStorage.setItem('__search_prev_path__', '/');
+        } else {
+            this.props.history.push(prevPath)
+        }
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+        // this.props.search.changeVal(this.state.val)
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                            <i className="iconfont iconiconfront-68"></i>
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索课程"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422182749.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+       
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                            <i className="iconfont iconiconfront-68"></i>
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索课程"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/searchHead_20190422182807.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+       console.log(111);
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                            <i className="iconfont iconiconfront-68"></i>
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索课程"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

.history/src/components/search/search_header_20190422162615.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 10px;
+            margin-left:0;
+            border-radius:3px;
+            background-color:rgb(255, 91, 5);
+            color:#fff;
+        }
+    }
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422181452.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 10px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            background-color:rgb(255, 91, 5);
+            color:#fff;
+        }
+    }
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422181506.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 10px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            color:#fff;
+        }
+    }
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422181525.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 10px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            color: $color_333;
+        }
+    }
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422181617.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 10px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            font-size: $font_14;
+            color: $color_333;
+        }
+    }
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422181806.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 10px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            font-size: $font_14;
+            color: $color_333;
+        }
+    }
+}
+
+.am-search{
+    height: 43px;
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422182035.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 0px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            font-size: $font_14;
+            color: $color_333;
+        }
+    }
+}
+
+.am-search{
+    height: 43px;
+}
\ No newline at end of file

.history/src/components/search/search_header_20190422182331.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 0px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            font-size: $font_14;
+            color: $color_333;
+        }
+    }
+}
+
+.am-search{
+    height: 43px;
+    padding: 0;
+}
\ No newline at end of file

.history/src/components/search/store/constants_20190422170233.js

+export const CHANGEVAL = 'CHANGEVAL'
\ No newline at end of file

.history/src/components/search/store/index_20190422165801.js

+import { CHANGEVAL } from '@types/searchType'
+
+export const changeVal = (val) => {
+    return { type: CHANGEVAL, val }
+}
\ No newline at end of file

.history/src/components/search/store/index_20190422170241.js

+import { CHANGEVAL } from './constants'
+
+export const changeVal = (val) => {
+    return { type: CHANGEVAL, val }
+}
\ No newline at end of file

.history/src/components/search/store/index_20190422175348.js

+import reducer from './reducer';
+import * as constants from './constants';
+
+export { reducer, actionCreators, constants };
\ No newline at end of file

.history/src/components/search/store/index_20190422175400.js

+import reducer from './reducer';
+import * as constants from './constants';
+
+export { reducer,  constants };
\ No newline at end of file

.history/src/components/search/store/index_20190422175411.js

+import reducer from './reducer';
+import * as constants from './constants';
+
+export { reducer, constants };
\ No newline at end of file

.history/src/components/search/store/reducer_20190422171342.js

+const initState = {
+
+}
+export default (state = initState, actions) => {
+    switch (actions.type) {
+        default:
+            return state
+    }
+}
\ No newline at end of file

.history/src/components/search/store/reducer_20190422175109.js

+const initState = {
+
+}
+export default (state = initState, actions) => {
+    console.log(state);
+    switch (actions.type) {
+        default:
+            return state
+    }
+}
\ No newline at end of file

.history/src/components/search/store/reducer_20190422175328.js

+const initState = {
+
+}
+export default (state = initState, actions) => {
+    switch (actions.type) {
+        default:
+            return state
+    }
+}
\ No newline at end of file

.history/src/index_20190422171113.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        var store = createStore(reducer, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        var store = createStore(reducer, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422171139.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        let store = createStore(reducer, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        let store = createStore(reducer, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422171607.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422172448.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+// let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// // var store = createStore(reducer,compose(
+// //     applyMiddleware(thunk,logger),
+// //     devTools
+// // ))
+// if (window.devToolsExtension) {
+//         let store = createStore(store, compose(
+//                 applyMiddleware(thunk, logger),
+//                 devTools
+//         ))
+// } else {
+//         let store = createStore(store, compose(
+//                 applyMiddleware(thunk, logger)
+//         ))
+// }
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422173430.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422173558.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+// let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// // var store = createStore(reducer,compose(
+// //     applyMiddleware(thunk,logger),
+// //     devTools
+// // ))
+// if (window.devToolsExtension) {
+//         let store = createStore(store, compose(
+//                 applyMiddleware(thunk, logger),
+//                 devTools
+//         ))
+// } else {
+//         let store = createStore(store, compose(
+//                 applyMiddleware(thunk, logger)
+//         ))
+// }
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422173607.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422173837.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+let devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        let store = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={store}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422174147.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        var tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        var tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422175120.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        var tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        var tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422175651.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        var tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        var tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422175736.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null;
+var tooltore = '';
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422175936.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null;
+var tooltore = '';
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        console.log(store);
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/index_20190422181141.js

+import React from 'react';
+import ReactDOM from 'react-dom';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
+
+import './index.css'
+// 默认样式
+import './styles/index.scss';
+
+// iconfont
+import './font/iconfont.css';
+
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null;
+var tooltore = '';
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
+ReactDOM.render(
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
+        document.getElementById('root'));
\ No newline at end of file

.history/src/router_20190422162810.js

+import React from 'react';
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+
+import Menu from './menu';
+import Index from './components/Index';
+import Classify from './components/classify';
+import Study from './components/study';
+import My from './components/my';
+import CourseList from './components/classify/courselist';
+import Search from './components/search/index'
+
+
+
+const router = () => (
+    <Router>
+        <Switch>
+            <Route exact path="/" component={Index}></Route>
+            <Route path="/index" component={Index}></Route>
+            <Route path='/classify' component={Classify}></Route>
+            <Route path='/study' component={Study}></Route>
+            <Route path='/my' component={My}></Route>
+            <Route path='/courselist' component={CourseList}></Route>
+            <Route path='/search' component={Search}></Route>
+        </Switch>
+        <Menu />
+    </Router>
+)
+
+
+export default router;
\ No newline at end of file

.history/src/store/index_20190422165659.js

+import { createStore, compose, applyMiddleware } from 'redux';
+import thunk from 'redux-thunk';
+import reducer from './reducer';
+
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const store = createStore(reducer, composeEnhancers(
+    applyMiddleware(thunk)
+));
+
+export default store;
\ No newline at end of file

.history/src/store/index_20190422174550.js

+import { createStore, compose, applyMiddleware } from 'redux';
+import thunk from 'redux-thunk';
+import reducer from './reducer';
+
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const store = createStore(reducer, composeEnhancers(
+    applyMiddleware(thunk)
+));
+
+export default store;
\ No newline at end of file

.history/src/store/index_20190422180310.js

+import { combineReducers } from 'redux';
+import loginReducer from '@/components/search/store/reducer';
+
+
+
+const reducer = combineReducers({
+    loginReducer
+});
+
+export default reducer;

.history/src/store/index_20190422180336.js

+import { combineReducers } from 'redux';
+import loginReducer from '@/components/search/store/reducer';
+
+
+const reducer = combineReducers({
+    loginReducer
+});
+
+export default reducer;

.history/src/store/index_20190422180743.js

+import { combineReducers } from 'redux';
+import searchReducer from '@/components/search/store/reducer';
+
+
+const reducer = combineReducers({
+    searchReducer
+});
+
+export default reducer;

.history/src/store/reducer_20190422165656.js

+import { combineReducers } from 'redux-immutable';
+import { reducer as loginReducer } from '@/components/search/store';
+
+
+
+const reducer = combineReducers({
+    login: loginReducer
+});
+
+export default reducer;

.history/src/store/reducer_20190422171412.js

+import { combineReducers } from 'redux-immutable';
+import { reducer as loginReducer } from '@/components/search/store/reducer';
+
+
+
+const reducer = combineReducers({
+    login: loginReducer
+});
+
+export default reducer;

.history/src/store/reducer_20190422171533.js

+import { combineReducers } from 'redux-immutable';
+import loginReducer from '@/components/search/store/reducer';
+
+
+
+const reducer = combineReducers({
+    loginReducer
+});
+
+export default reducer;

.history/src/store/reducer_20190422172007.js

+import { combineReducers } from 'redux';
+import loginReducer from '@/components/search/store/reducer';
+
+
+
+const reducer = combineReducers({
+    loginReducer
+});
+
+export default reducer;

config/webpack.config.js

@@ -274,6 +274,10 @@ module.exports = function(webpackEnv) {
         // Support React Native Web
         // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
         'react-native': 'react-native-web',
+        '@': path.resolve(__dirname, '../src'),
+        '@common': path.resolve(__dirname, '../src/common'),
+        '@components': path.resolve(__dirname, '../src/components'),
+        '@base': path.resolve(__dirname, '../src/base')
       },
       plugins: [
         // Adds support for installing with Plug'n'Play, leading to faster installs and adding

package.json

@@ -50,6 +50,9 @@
     "react-redux": "^7.0.2",
     "react-router-dom": "^5.0.0",
     "redux": "^4.0.1",
+    "redux-immutable": "^4.0.0",
+    "redux-logger": "^3.0.6",
+    "redux-thunk": "^2.3.0",
     "resolve": "1.10.0",
     "sass-loader": "^7.1.0",
     "sass-resources-loader": "^2.0.0",

src/App.js

+import React, { Component } from 'react';
+import { connect } from 'react-redux'
+import { LocaleProvider } from 'antd-mobile'
+import { HashRouter } from 'react-router-dom'
+import Routes from './router'
+// import '@/common/styles/common.scss'
+
+class App extends Component {
+    render() {
+        return (
+            <LocaleProvider>
+                <HashRouter>
+                    <Routes></Routes>
+                </HashRouter>
+            </LocaleProvider>
+        );
+    }
+}
+
+export default connect()(App);

src/base/Tag/index.js

+import React, { Component } from 'react'
+import './tag.scss'
+export default class Tag extends Component {
+    render() {
+        return (
+            <span className="tag" {...this.props}>
+                {this.props.children}
+            </span>
+        )
+    }
+}

src/base/Tag/tag.scss

+.tag{
+    display: block;
+    max-width: 100%;
+    overflow: hidden;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    font-size:12px;
+    padding:4px 10px;
+    color:#555;
+    border-radius: 3px;
+    float: left;
+    background-color: #f0f2f5;
+    line-height: 20px;
+}
\ No newline at end of file

src/components/search/index.js

+import React, { Component } from 'react';
+import SearchHead from './searchHead'
+import Tag from '@base/Tag/index.js'
+
+import './index.scss';
+
+
+class Search extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            history: JSON.parse(localStorage.getItem('history')) || [],
+            searchHot: ['rec', '电脑', '照片扫描仪', '智能手表', '功夫茶杯', '广角镜头手机'],
+            searchList: []
+        }
+    }
+    render() {
+        let querystring = this.props.location.query ? this.props.location.query.s : '';
+        return (
+            <div className="search-page">
+                <SearchHead value={querystring} returnbtn={true} ></SearchHead>
+                <div className="search-main">
+                    <div className="search-land search-history">
+                        <label>
+                            <span>最近搜索</span>
+                            <i className="iconfont iconiconfront-56" onClick={() => {
+                                this.removeHistory()
+                            }} >
+                            </i>
+                        </label>
+                        <div className="search-tag">
+                            {
+                                this.state.history.length > 0 ?
+                                    this.state.history.map((v, i) => {
+                                        return (<Tag key={i} onClick={() => {
+                                            this.gotoList(v)
+                                        }}>{v}</Tag>)
+                                    })
+                                    : <div style={{ textAlign: 'center', padding: '20px' }}>暂无历史</div>
+                            }
+                        </div>
+                    </div>
+                    <div className="search-land search-hot">
+            <label>
+            <span>热门搜索</span>
+            </label>
+              <div className="search-tag">
+                {
+                  this.state.searchHot.length>0?
+                  this.state.searchHot.map((v,i)=>{
+                    return (<Tag key={i} onClick={()=>{
+                      this.gotoList(v)
+                    }}>{v}</Tag>)
+                  })
+                  :<div style={{textAlign:'center',padding:'20px'}}>暂无热门</div>
+                }
+              </div>
+            </div>
+          </div>
+               
+          </div>
+        )
+    }
+
+}
+
+export default Search;
\ No newline at end of file

src/components/search/index.scss

+.search-page{
+    .search-main{
+        background-color: #fff;
+        padding:10px;
+        .search-land{
+            label{
+                margin-bottom:10px;
+                display: flex;
+                justify-content: space-between;
+                span{
+                    font-size:16px;
+                }
+                img{
+                    width:16px;
+                    height:16px;
+                    display: block;
+                }
+            }
+            .search-tag{
+                overflow: hidden;
+            }
+        }
+        .search-hot{
+            margin-top:10px;
+        }
+        ul,li{
+            list-style: none;
+            padding:0;
+            margin:0;
+        }
+        .list{
+            padding:10px 0;
+            border-bottom:1px solid #eee;
+        }
+        .list:last-child{
+            border-bottom:0;
+        }
+    }
+    .searct-lists{
+        padding:0 10px;
+    }
+}
\ No newline at end of file

src/components/search/searchHead.js

+import React, { Component } from 'react'
+//引入redux
+import { bindActionCreators } from 'redux'
+import { connect } from 'react-redux'
+import * as searchAction from './store'
+//引入antd-mobile组件
+import { SearchBar } from 'antd-mobile'
+//引入路由跳转装饰器
+import { withRouter } from 'react-router-dom'
+
+import './search_header.scss'
+
+class SearchHead extends Component {
+    //默认参数
+    static defaultProps = {
+        returnbtn: false
+    }
+    // 构造函数
+    constructor(props) {
+        super(props);
+        this.state = {
+            visible: false,
+            selected: '',
+            val: this.props.value || ''
+        }
+    }
+    // 返回某个页面
+    returnPage() {
+       console.log(111);
+    }
+    //组件装载完毕
+    componentDidMount() {
+        this.refs.search.focus();
+    }
+   
+    render() {
+        return (
+            <div className="search-head">
+                {
+                    this.props.returnbtn
+                        ?
+                        <div className="left" onClick={() => {
+                            // 返回某个页面
+                            this.returnPage()
+                        }}>
+                            {/* <img src={require("@common/images/return.png")} alt="return" /> */}
+                            <i className="iconfont iconiconfront-68"></i>
+                        </div>
+                        : null
+                }
+                <div className="center">
+                    <SearchBar
+                        value={this.state.val}
+                        showCancelButton
+                        cancelText={" "}
+                        ref="search"
+                        focus={true}
+                       
+                        onChange={(val) => {
+                            this.setState({ val })
+                            this.props.search.changeVal(val)
+                        }}
+                        placeholder="搜索课程"></SearchBar>
+                </div>
+                <div className="right right-btn">
+                    <div className="submit-btn" 
+                        >搜索</div>
+                </div>
+            </div>
+        )
+    }
+}
+export default connect(
+    ({ searchReducer }) => {
+        return {
+            searchVal: searchReducer.val
+        }
+    },
+    (dispatch) => {
+        return {
+            search: bindActionCreators(searchAction, dispatch)
+        }
+    }
+)(withRouter(SearchHead))
\ No newline at end of file

src/components/search/search_header.scss

+.search-head{
+height:44px;
+display: flex;
+background-color: #fff;
+border-bottom: 1px solid #eee;
+    .left{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        text-align: center;
+        img{
+            width:14px;
+            height:14px;
+            display: block;
+            padding:15px;
+        }
+    }
+    .center{
+        flex: 1;
+        .am-search{
+        background-color: #fff;
+            .am-search-input{
+                background-color: #f7f7f7;
+                border-radius:44px;
+            }
+        }
+    }
+    .right{
+        width:44px;
+        height:44px;
+        line-height:44px;
+        .am-icon-md{
+            padding:11px;
+        }
+        
+    }
+    .right-btn{
+        width:auto;
+        .submit-btn{
+            line-height: 30px;
+            border:0;
+            height:30px;
+            margin:7px 0px;
+            padding: 0 12px;
+            margin-left:0;
+            border-radius:3px;
+            font-size: $font_14;
+            color: $color_333;
+        }
+    }
+}
+
+.am-search{
+    height: 43px;
+    padding: 0;
+}
\ No newline at end of file

src/components/search/store/constants.js

+export const CHANGEVAL = 'CHANGEVAL'
\ No newline at end of file

src/components/search/store/index.js

+import reducer from './reducer';
+import * as constants from './constants';
+
+export { reducer, constants };
\ No newline at end of file

src/components/search/store/reducer.js

+const initState = {
+
+}
+export default (state = initState, actions) => {
+    switch (actions.type) {
+        default:
+            return state
+    }
+}
\ No newline at end of file

src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css'
-
-import Router from './router';
-// import { Provider } from 'react-redux';
+import { createStore, applyMiddleware, compose } from 'redux'
+import { Provider } from 'react-redux'
+import thunk from 'redux-thunk'
+import { logger } from 'redux-logger'
+// import Router from './router';
+import store from './store'
+import App from './App';
 
+import './index.css'
 // 默认样式
 import './styles/index.scss';
 
 // iconfont
 import './font/iconfont.css';
 
+var devTools = window.devToolsExtension ? window.devToolsExtension() : null;
+var tooltore = '';
+// var store = createStore(reducer,compose(
+//     applyMiddleware(thunk,logger),
+//     devTools
+// ))
+if (window.devToolsExtension) {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger),
+                devTools
+        ))
+} else {
+        tooltore = createStore(store, compose(
+                applyMiddleware(thunk, logger)
+        ))
+}
+
+// ReactDOM.render(
+//         <Router />,
+//         document.getElementById('root'));
+
 ReactDOM.render(
-        <Router />,
+        <Provider store={tooltore}>
+                <App />
+        </Provider>,
         document.getElementById('root'));
\ No newline at end of file

src/router.js

@@ -7,7 +7,7 @@ import Classify from './components/classify';
 import Study from './components/study';
 import My from './components/my';
 import CourseList from './components/classify/courselist';
-
+import Search from './components/search/index'
 
 
 
@@ -20,6 +20,7 @@ const router = () => (
             <Route path='/study' component={Study}></Route>
             <Route path='/my' component={My}></Route>
             <Route path='/courselist' component={CourseList}></Route>
+            <Route path='/search' component={Search}></Route>
         </Switch>
         <Menu />
     </Router>

src/store/index.js

+import { combineReducers } from 'redux';
+import searchReducer from '@/components/search/store/reducer';
+
+
+const reducer = combineReducers({
+    searchReducer
+});
+
+export default reducer;

yarn.lock

@@ -3135,6 +3135,11 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
   integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 
+deep-diff@^0.3.5:
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/deep-diff/-/deep-diff-0.3.8.tgz#c01de63efb0eec9798801d40c7e0dae25b582c84"
+  integrity sha1-wB3mPvsO7JeYgB1Ax+Da4ltYLIQ=
+
 deep-equal@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
@@ -8718,6 +8723,23 @@ redent@^1.0.0:
     indent-string "^2.1.0"
     strip-indent "^1.0.1"
 
+redux-immutable@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/redux-immutable/-/redux-immutable-4.0.0.tgz#3a1a32df66366462b63691f0e1dc35e472bbc9f3"
+  integrity sha1-Ohoy32Y2ZGK2NpHw4dw15HK7yfM=
+
+redux-logger@^3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/redux-logger/-/redux-logger-3.0.6.tgz#f7555966f3098f3c88604c449cf0baf5778274bf"
+  integrity sha1-91VZZvMJjzyIYExEnPC69XeCdL8=
+  dependencies:
+    deep-diff "^0.3.5"
+
+redux-thunk@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"
+  integrity sha512-km6dclyFnmcvxhAcrQV2AkZmPQjzPDjgVlQtR0EQjxZPyJ0BnMf3in1ryuR8A2qU0HldVRfxYXbFSKlI3N7Slw==
+
 redux@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/redux/-/redux-4.0.1.tgz#436cae6cc40fbe4727689d7c8fae44808f1bfef5"