diff --git a/public/react/config/env.js b/public/react/config/env.js
index aef6a8ff4..d76de4ce1 100644
--- a/public/react/config/env.js
+++ b/public/react/config/env.js
@@ -7,7 +7,7 @@ const paths = require('./paths');
 // Make sure that including paths.js after env.js will read .env variables.
 delete require.cache[require.resolve('./paths')];
 
-const NODE_ENV = process.env.NODE_ENV;
+const NODE_ENV = "production";
 if (!NODE_ENV) {
   throw new Error(
     'The NODE_ENV environment variable is required but was not specified.'
@@ -71,7 +71,7 @@ function getClientEnvironment(publicUrl) {
       {
         // Useful for determining whether we’re running in production mode.
         // Most importantly, it switches React into the correct mode.
-        NODE_ENV: process.env.NODE_ENV || 'development',
+        NODE_ENV: "production",
         // Useful for resolving the correct path to static assets in `public`.
         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
         // This should only be used as an escape hatch. Normally you would put
diff --git a/public/react/config/webpack.config.prod.js b/public/react/config/webpack.config.prod.js
index 33c778d45..886d97313 100644
--- a/public/react/config/webpack.config.prod.js
+++ b/public/react/config/webpack.config.prod.js
@@ -33,7 +33,7 @@ const env = getClientEnvironment(publicUrl);
 // Assert this just to be safe.
 // Development builds of React are slow and not intended for production.
 if (env.stringified['process.env'].NODE_ENV !== '"production"') {
-  throw new Error('Production builds must have NODE_ENV=production.');
+	throw new Error('Production builds must have NODE_ENV=production.');
 }
 
 // Note: defined here because it will be used more than once.
@@ -44,9 +44,9 @@ const cssFilename = './static/css/[name].[contenthash:8].css';
 // However, our output is structured with css, js and media folders.
 // To have this structure working with relative paths, we have to use custom options.
 const extractTextPluginOptions = shouldUseRelativeAssetPaths
-  ? // Making sure that the publicPath goes back to to build folder.
-    { publicPath: Array(cssFilename.split('/').length).join('../') }
-  : {};
+	? // Making sure that the publicPath goes back to to build folder.
+	{ publicPath: Array(cssFilename.split('/').length).join('../') }
+	: {};
 
 // This is the production configuration.
 // It compiles slowly and is focused on producing a fast and minimal bundle.
@@ -54,332 +54,331 @@ const extractTextPluginOptions = shouldUseRelativeAssetPaths
 // 上线用的
 // console.log('publicPath ', publicPath)
 module.exports = {
-  // externals: {
-  //   'react': 'window.React'
-  // },
-  // Don't attempt to continue if there are any errors.
-  bail: true,
-  // We generate sourcemaps in production. This is slow but gives good results.
-  // You can exclude the *.map files from the build during deployment.
-  //  devtool: shouldUseSourceMap ? 'nosources-source-map' : false,  //正式版
-	devtool: shouldUseSourceMap ? 'source-map' : false,//测试版
-  // In production, we only want to load the polyfills and the app code.
-  entry: [require.resolve('./polyfills'), paths.appIndexJs],
-  output: {
-    // The build folder.
-    path: paths.appBuild,
-    // Generated JS file names (with nested folders).
-    // There will be one main bundle, and one file per asynchronous chunk.
-    // We don't currently advertise code splitting but Webpack supports it.
-    filename: './static/js/[name].[chunkhash:8].js',
-    chunkFilename: './static/js/[name].[chunkhash:8].chunk.js',
-    // We inferred the "public path" (such as / or /my-project) from homepage.
-    // cdn
-    // publicPath: 'https://shixun.educoder.net/react/build/', //publicPath,   https://cdn.educoder.net
-    // publicPath: 'https://cdn-testeduplus2.educoder.net/react/build/', //publicPath,   https://cdn.educoder.net
-    publicPath: '/react/build/', //publicPath,   https://cdn.educoder.net
-    
-    // Point sourcemap entries to original disk location (format as URL on Windows)
-    devtoolModuleFilenameTemplate: info =>
-      path
-        .relative(paths.appSrc, info.absoluteResourcePath)
-        .replace(/\\/g, '/'),
-  },
-  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/facebookincubator/create-react-app/issues/253
-    modules: ['node_modules', paths.appNodeModules].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/facebookincubator/create-react-app/issues/290
-    // `web` extension prefixes have been added for better support
-    // for React Native Web.
-    extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
-    alias: {
-      "educoder": __dirname + "/../src/common/educoder.js",
-      // 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',
-    },
-    plugins: [
-      // 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]),
-    ],
-  },
-  module: {
-    strictExportPresence: true,
-    rules: [
-      // TODO: Disable require.ensure as it's not a standard language feature.
-      // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
-      // { parser: { requireEnsure: false } },
+	// externals: {
+	//   'react': 'window.React'
+	// },
+	// Don't attempt to continue if there are any errors.
+	bail: true,
+	// We generate sourcemaps in production. This is slow but gives good results.
+	// You can exclude the *.map files from the build during deployment.
+	//  devtool: shouldUseSourceMap ? 'nosources-source-map' : false,  //正式版
+	devtool:false,//测试版
+	// In production, we only want to load the polyfills and the app code.
+	entry: [require.resolve('./polyfills'), paths.appIndexJs],
+	output: {
+		// The build folder.
+		path: paths.appBuild,
+		// Generated JS file names (with nested folders).
+		// There will be one main bundle, and one file per asynchronous chunk.
+		// We don't currently advertise code splitting but Webpack supports it.
+		filename: './static/js/[name].[chunkhash:8].js',
+		chunkFilename: './static/js/[name].[chunkhash:8].chunk.js',
+		// We inferred the "public path" (such as / or /my-project) from homepage.
+		// cdn
+		// publicPath: 'https://shixun.educoder.net/react/build/', //publicPath,   https://cdn.educoder.net
+		// publicPath: 'https://cdn-testeduplus2.educoder.net/react/build/', //publicPath,   https://cdn.educoder.net
+		publicPath: '/react/build/', //publicPath,   https://cdn.educoder.net
 
-      // First, run the linter.
-      // It's important to do this before Babel processes the JS.
-      {
-        test: /\.(js|jsx|mjs)$/,
-        enforce: 'pre',
-        use: [
-          {
-            options: {
-              formatter: eslintFormatter,
-              eslintPath: require.resolve('eslint'),
+		// Point sourcemap entries to original disk location (format as URL on Windows)
+		devtoolModuleFilenameTemplate: info =>
+			path
+				.relative(paths.appSrc, info.absoluteResourcePath)
+				.replace(/\\/g, '/'),
+	},
+	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/facebookincubator/create-react-app/issues/253
+		modules: ['node_modules', paths.appNodeModules].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/facebookincubator/create-react-app/issues/290
+		// `web` extension prefixes have been added for better support
+		// for React Native Web.
+		extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
+		alias: {
+			"educoder": __dirname + "/../src/common/educoder.js",
+			// 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',
+		},
+		plugins: [
+			// 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]),
+		],
+	},
+	module: {
+		strictExportPresence: true,
+		rules: [
+			// TODO: Disable require.ensure as it's not a standard language feature.
+			// We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
+			// { parser: { requireEnsure: false } },
 
-            },
-            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 just like "file" loader but it also embeds
-          // assets smaller than specified size as data URLs to avoid requests.
-          {
-            test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
-            loader: require.resolve('url-loader'),
-            options: {
-              limit: 10000,
-              name: 'static/media/[name].[hash:8].[ext]',
-            },
-          },
-          // Process JS with Babel.
-          {
-            test: /\.(js|jsx|mjs)$/,
-            include: paths.appSrc,
-            loader: require.resolve('babel-loader'),
-            options: {
-              
-              compact: true,
-            },
-          },
-          // The notation here is somewhat confusing.
-          // "postcss" loader applies autoprefixer to our CSS.
-          // "css" loader resolves paths in CSS and adds assets as dependencies.
-          // "style" loader normally turns CSS into JS modules injecting <style>,
-          // but unlike in development configuration, we do something different.
-          // `ExtractTextPlugin` first applies the "postcss" and "css" loaders
-          // (second argument), then grabs the result CSS and puts it into a
-          // separate file in our build process. This way we actually ship
-          // a single CSS file in production instead of JS code injecting <style>
-          // tags. If you use code splitting, however, any async bundles will still
-          // use the "style" loader inside the async code so CSS from them won't be
-          // in the main CSS file.
-          {
-            test: /\.css$/,
-            loader: ExtractTextPlugin.extract(
-              Object.assign(
-                {
-                  fallback: {
-                    loader: require.resolve('style-loader'),
-                    options: {
-                      hmr: false,
-                    },
-                  },
-                  use: [
-                    {
-                      loader: require.resolve('css-loader'),
-                      options: {
-                        importLoaders: 1,
-                        minimize: true,
-                        sourceMap: shouldUseSourceMap,
-                      },
-                    },
-                    {
-                      loader: require.resolve('postcss-loader'),
-                      options: {
-                        // Necessary for external CSS imports to work
-                        // https://github.com/facebookincubator/create-react-app/issues/2677
-                        ident: 'postcss',
-                        plugins: () => [
-                          require('postcss-flexbugs-fixes'),
-                          autoprefixer({
-                            browsers: [
-                              '>1%',
-                              'last 4 versions',
-                              'Firefox ESR',
-                              'not ie < 9', // React doesn't support IE8 anyway
-                            ],
-                            flexbox: 'no-2009',
-                          }),
-                        ],
-                      },
-                    },
-                  ],
-                },
-                extractTextPluginOptions
-              )
-            ),
-            // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
-          },
-          {
-            test: /\.scss$/,
-            use: [
-              require.resolve("style-loader"),
-              {
-                loader: require.resolve("css-loader"),
-                options: {
-                  importLoaders: 1,
-                  minimize: true,
-                  sourceMap: shouldUseSourceMap,
-                },
-              },
-              {
-                loader: require.resolve("sass-loader")
-              }
-            ],
-          },
-          // "file" loader makes sure assets end up in the `build` folder.
-          // When you `import` an asset, you get its filename.
-          // 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
-            // it's runtime that would otherwise processed through "file" loader.
-            // Also exclude `html` and `json` extensions so they get processed
-            // by webpacks internal loaders.
-            exclude: [/\.(js|jsx|mjs)$/, /\.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: [
-    // 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.
-    new InterpolateHtmlPlugin(env.raw),
-    // Generates an `index.html` file with the <script> injected.
-    new HtmlWebpackPlugin({
-      inject: true,
-      template: paths.appHtml,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeRedundantAttributes: true,
-        useShortDoctype: true,
-        removeEmptyAttributes: true,
-        removeStyleLinkTypeAttributes: true,
-        keepClosingSlash: true,
-        minifyJS: true,
-        minifyCSS: true,
-        minifyURLs: true,
-      },
-    }),
-    // 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 was set to production here.
-    // Otherwise React will be compiled in the very slow development mode.
-    new webpack.DefinePlugin(env.stringified),
-    // Minify the code.
-    // new webpack.optimize.UglifyJsPlugin({
-    //   compress: {
-    //     warnings: false,
-    //     // Disabled because of an issue with Uglify breaking seemingly valid code:
-    //     // https://github.com/facebookincubator/create-react-app/issues/2376
-    //     // Pending further investigation:
-    //     // https://github.com/mishoo/UglifyJS2/issues/2011
-    //     comparisons: false,
-    //   },
-    //   mangle: {
-    //     safari10: true,
-    //   },
-    //   output: {
-    //     comments: false,
-    //     // Turned on because emoji and regex is not minified properly using default
-    //     // https://github.com/facebookincubator/create-react-app/issues/2488
-    //     ascii_only: true,
-    //   },
-    //   sourceMap: shouldUseSourceMap,
-    // }),
-   //正式版上线后打开去掉debuger和console
-    new ParallelUglifyPlugin({
-      cacheDir: '.cache/',
-      uglifyJS:{
-        output: {
-          comments: false
-        },
-        warnings: false,
-        compress: {
-          drop_debugger: true,
+			// First, run the linter.
+			// It's important to do this before Babel processes the JS.
+			{
+				test: /\.(js|jsx|mjs)$/,
+				enforce: 'pre',
+				use: [
+					{
+						options: {
+							formatter: 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 just like "file" loader but it also embeds
+					// assets smaller than specified size as data URLs to avoid requests.
+					{
+						test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
+						loader: require.resolve('url-loader'),
+						options: {
+							limit: 10000,
+							name: 'static/media/[name].[hash:8].[ext]',
+						},
+					},
+					// Process JS with Babel.
+					{
+						test: /\.(js|jsx|mjs)$/,
+						include: paths.appSrc,
+						loader: require.resolve('babel-loader'),
+						options: {
+
+							compact: true,
+						},
+					},
+					// The notation here is somewhat confusing.
+					// "postcss" loader applies autoprefixer to our CSS.
+					// "css" loader resolves paths in CSS and adds assets as dependencies.
+					// "style" loader normally turns CSS into JS modules injecting <style>,
+					// but unlike in development configuration, we do something different.
+					// `ExtractTextPlugin` first applies the "postcss" and "css" loaders
+					// (second argument), then grabs the result CSS and puts it into a
+					// separate file in our build process. This way we actually ship
+					// a single CSS file in production instead of JS code injecting <style>
+					// tags. If you use code splitting, however, any async bundles will still
+					// use the "style" loader inside the async code so CSS from them won't be
+					// in the main CSS file.
+					{
+						test: /\.css$/,
+						loader: ExtractTextPlugin.extract(
+							Object.assign(
+								{
+									fallback: {
+										loader: require.resolve('style-loader'),
+										options: {
+											hmr: false,
+										},
+									},
+									use: [
+										{
+											loader: require.resolve('css-loader'),
+											options: {
+												importLoaders: 1,
+												minimize: true,
+												sourceMap: shouldUseSourceMap,
+											},
+										},
+										{
+											loader: require.resolve('postcss-loader'),
+											options: {
+												// Necessary for external CSS imports to work
+												// https://github.com/facebookincubator/create-react-app/issues/2677
+												ident: 'postcss',
+												plugins: () => [
+													require('postcss-flexbugs-fixes'),
+													autoprefixer({
+														browsers: [
+															'>1%',
+															'last 4 versions',
+															'Firefox ESR',
+															'not ie < 9', // React doesn't support IE8 anyway
+														],
+														flexbox: 'no-2009',
+													}),
+												],
+											},
+										},
+									],
+								},
+								extractTextPluginOptions
+							)
+						),
+						// Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
+					},
+					{
+						test: /\.scss$/,
+						use: [
+							require.resolve("style-loader"),
+							{
+								loader: require.resolve("css-loader"),
+								options: {
+									importLoaders: 1,
+									minimize: true,
+									sourceMap: shouldUseSourceMap,
+								},
+							},
+							{
+								loader: require.resolve("sass-loader")
+							}
+						],
+					},
+					// "file" loader makes sure assets end up in the `build` folder.
+					// When you `import` an asset, you get its filename.
+					// 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
+						// it's runtime that would otherwise processed through "file" loader.
+						// Also exclude `html` and `json` extensions so they get processed
+						// by webpacks internal loaders.
+						exclude: [/\.(js|jsx|mjs)$/, /\.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: [
+		// 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.
+		new InterpolateHtmlPlugin(env.raw),
+		// Generates an `index.html` file with the <script> injected.
+		new HtmlWebpackPlugin({
+			inject: true,
+			template: paths.appHtml,
+			minify: {
+				removeComments: true,
+				collapseWhitespace: true,
+				removeRedundantAttributes: true,
+				useShortDoctype: true,
+				removeEmptyAttributes: true,
+				removeStyleLinkTypeAttributes: true,
+				keepClosingSlash: true,
+				minifyJS: true,
+				minifyCSS: true,
+				minifyURLs: true,
+			},
+		}),
+		// 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 was set to production here.
+		// Otherwise React will be compiled in the very slow development mode.
+		new webpack.DefinePlugin(env.stringified),
+		// Minify the code.
+		// new webpack.optimize.UglifyJsPlugin({
+		//   compress: {
+		//     warnings: false,
+		//     // Disabled because of an issue with Uglify breaking seemingly valid code:
+		//     // https://github.com/facebookincubator/create-react-app/issues/2376
+		//     // Pending further investigation:
+		//     // https://github.com/mishoo/UglifyJS2/issues/2011
+		//     comparisons: false,
+		//   },
+		//   mangle: {
+		//     safari10: true,
+		//   },
+		//   output: {
+		//     comments: false,
+		//     // Turned on because emoji and regex is not minified properly using default
+		//     // https://github.com/facebookincubator/create-react-app/issues/2488
+		//     ascii_only: true,
+		//   },
+		//   sourceMap: shouldUseSourceMap,
+		// }),
+		//正式版上线后打开去掉debuger和console
+		new ParallelUglifyPlugin({
+			cacheDir: '.cache/',
+			uglifyJS:{
+				output: {
+					comments: false
+				},
+				compress: {
+					drop_debugger: true,
 					drop_console: true
-        }
-      }
-    }),
-    // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
-    new ExtractTextPlugin({
-      filename: cssFilename,
-    }),
-    // 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',
-    }),
-    // Generate a service worker script that will precache, and keep up to date,
-    // the HTML & assets that are part of the Webpack build.
-    new SWPrecacheWebpackPlugin({
-      // By default, a cache-busting query parameter is appended to requests
-      // used to populate the caches, to ensure the responses are fresh.
-      // If a URL is already hashed by Webpack, then there is no concern
-      // about it being stale, and the cache-busting can be skipped.
-      dontCacheBustUrlsMatching: /\.\w{8}\./,
-      filename: 'service-worker.js',
-      logger(message) {
-        if (message.indexOf('Total precache size is') === 0) {
-          // This message occurs for every build and is a bit too noisy.
-          return;
-        }
-        if (message.indexOf('Skipping static resource') === 0) {
-          // This message obscures real errors so we ignore it.
-          // https://github.com/facebookincubator/create-react-app/issues/2612
-          return;
-        }
-        // console.log(message);
-      },
-      minify: true,
-      // For unknown URLs, fallback to the index page
-      navigateFallback: publicUrl + '/index.html',
-      // Ignores URLs starting from /__ (useful for Firebase):
-      // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
-      navigateFallbackWhitelist: [/^(?!\/__).*/],
-      // Don't precache sourcemaps (they're large) and build asset manifest:
-      staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
-    }),
-    // 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$/),
-  ],
-  // 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: {
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    child_process: 'empty',
-  },
+				}
+			}
+		}),
+		// Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
+		new ExtractTextPlugin({
+			filename: cssFilename,
+		}),
+		// 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',
+		}),
+		// Generate a service worker script that will precache, and keep up to date,
+		// the HTML & assets that are part of the Webpack build.
+		new SWPrecacheWebpackPlugin({
+			// By default, a cache-busting query parameter is appended to requests
+			// used to populate the caches, to ensure the responses are fresh.
+			// If a URL is already hashed by Webpack, then there is no concern
+			// about it being stale, and the cache-busting can be skipped.
+			dontCacheBustUrlsMatching: /\.\w{8}\./,
+			filename: 'service-worker.js',
+			logger(message) {
+				if (message.indexOf('Total precache size is') === 0) {
+					// This message occurs for every build and is a bit too noisy.
+					return;
+				}
+				if (message.indexOf('Skipping static resource') === 0) {
+					// This message obscures real errors so we ignore it.
+					// https://github.com/facebookincubator/create-react-app/issues/2612
+					return;
+				}
+				// console.log(message);
+			},
+			minify: true,
+			// For unknown URLs, fallback to the index page
+			navigateFallback: publicUrl + '/index.html',
+			// Ignores URLs starting from /__ (useful for Firebase):
+			// https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
+			navigateFallbackWhitelist: [/^(?!\/__).*/],
+			// Don't precache sourcemaps (they're large) and build asset manifest:
+			staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
+		}),
+		// 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$/),
+	],
+	// 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: {
+		dgram: 'empty',
+		fs: 'empty',
+		net: 'empty',
+		tls: 'empty',
+		child_process: 'empty',
+	},
 };
diff --git a/public/react/package.json b/public/react/package.json
index 6a0cf6d09..ac239dd0f 100644
--- a/public/react/package.json
+++ b/public/react/package.json
@@ -161,6 +161,7 @@
   "devDependencies": {
     "@babel/runtime": "7.0.0-beta.51",
     "babel-plugin-import": "^1.11.0",
+    "compression-webpack-plugin": "^1.1.12",
     "concat": "^1.0.3",
     "happypack": "^5.0.1",
     "node-sass": "^4.12.0",
diff --git a/public/react/src/App.js b/public/react/src/App.js
index b6c661597..9ec5a9634 100644
--- a/public/react/src/App.js
+++ b/public/react/src/App.js
@@ -76,10 +76,10 @@ const Otherloginstart=Loadable({
 	loading: Loading,
 })
 
-const TestIndex = Loadable({
-	loader: () => import('./modules/test'),
-	loading: Loading,
-})
+// const TestIndex = Loadable({
+// 	loader: () => import('./modules/test'),
+// 	loading: Loading,
+// })
 
 const IndexWrapperComponent = Loadable({
 	loader: () => import('./modules/page/IndexWrapper'),
@@ -91,23 +91,23 @@ const CommentComponent = Loadable({
 	loading: Loading,
 })
 
-const TestMaterialDesignComponent = Loadable({
-	loader: () => import('./modules/test/md/TestMaterialDesign'),
-	loading: Loading,
-})
-const TestCodeMirrorComponent = Loadable({
-	loader: () => import('./modules/test/codemirror/TestCodeMirror'),
-	loading: Loading,
-})
+// const TestMaterialDesignComponent = Loadable({
+// 	loader: () => import('./modules/test/md/TestMaterialDesign'),
+// 	loading: Loading,
+// })
+// const TestCodeMirrorComponent = Loadable({
+// 	loader: () => import('./modules/test/codemirror/TestCodeMirror'),
+// 	loading: Loading,
+// })
 
-const TestComponent = Loadable({
-	loader: () => import('./modules/test/TestRC'),
-	loading: Loading,
-})
-const TestUrlQueryComponent = Loadable({
-	loader: () => import('./modules/test/urlquery/TestUrlQuery'),
-	loading: Loading,
-})
+// const TestComponent = Loadable({
+// 	loader: () => import('./modules/test/TestRC'),
+// 	loading: Loading,
+// })
+// const TestUrlQueryComponent = Loadable({
+// 	loader: () => import('./modules/test/urlquery/TestUrlQuery'),
+// 	loading: Loading,
+// })
 
 const TPMIndexComponent = Loadable({
 	loader: () => import('./modules/tpm/TPMIndex'),
@@ -254,10 +254,10 @@ const Interestpage = Loadable({
 })
 
 //众包创新
-const ProjectPackages=Loadable({
-	loader: () => import('./modules/projectPackages/ProjectPackageIndex'),
-	loading: Loading,
-})
+// const ProjectPackages=Loadable({
+// 	loader: () => import('./modules/projectPackages/ProjectPackageIndex'),
+// 	loading: Loading,
+// })
 
 //竞赛
 const NewCompetitions=Loadable({
@@ -477,8 +477,8 @@ class App extends Component {
 												 return (<Topicbank {...this.props} {...props} {...this.state} />)
 											 }
 										 }></Route>
-							{/*众包创新*/}
-							<Route path={"/crowdsourcing"} component={ProjectPackages}/>
+							{/*/!*众包创新*!/*/}
+							{/*<Route path={"/crowdsourcing"} component={ProjectPackages}/>*/}
 							{/*竞赛*/}
 							<Route path={"/newcompetitions"} component={NewCompetitions}/>
 							{/*认证*/}
@@ -583,11 +583,11 @@ class App extends Component {
 							>
 							</Route>
 							<Route path="/comment" component={CommentComponent}/>
-							<Route path="/testMaterial" component={TestMaterialDesignComponent}/>
-							<Route path="/test" component={TestIndex}/>
-							<Route path="/testCodeMirror" component={TestCodeMirrorComponent}/>
-							<Route path="/testRCComponent" component={TestComponent}/>
-							<Route path="/testUrlQuery" component={TestUrlQueryComponent}/>
+							{/*<Route path="/testMaterial" component={TestMaterialDesignComponent}/>*/}
+							{/*<Route path="/test" component={TestIndex}/>*/}
+							{/*<Route path="/testCodeMirror" component={TestCodeMirrorComponent}/>*/}
+							{/*<Route path="/testRCComponent" component={TestComponent}/>*/}
+							{/*<Route path="/testUrlQuery" component={TestUrlQueryComponent}/>*/}
 							<Route path="/messages"
 										 render={
 											 (props)=>(<Messagerouting {...this.props} {...props} {...this.state}></Messagerouting>)
diff --git a/public/react/src/modules/competitions/competitimain/CompetitionsIndex.js b/public/react/src/modules/competitions/competitimain/CompetitionsIndex.js
index 3e0715736..1453ba9c9 100644
--- a/public/react/src/modules/competitions/competitimain/CompetitionsIndex.js
+++ b/public/react/src/modules/competitions/competitimain/CompetitionsIndex.js
@@ -4,6 +4,11 @@ import { Menu, Icon, List, Avatar,Row, Col,Tag,Pagination} from 'antd';
 import axios from 'axios';
 import './Competitionsindex.css';
 import NoneData from "../../courses/shixunHomework/shixunHomework";
+import groups1 from './groups1.png';
+import groups2 from './groups2.png';
+import groups3 from './groups3.png';
+
+
 
 const { SubMenu } = Menu;
 
@@ -105,55 +110,81 @@ class CompetitionsIndex extends Component{
 							</div>
 
 							<div className={"educontent clearfix mtf10 CompetitionsIndex "}>
+								<style>
+									{
+										`
+										.CompetitionsList{
+										     position: relative;
+										 }
+										`
+									}
+								</style>
 								<List
+									className={"CompetitionsList"}
 									itemLayout="vertical"
 									size="large"
 									dataSource={datas&&datas}
 									renderItem={(item,key) => (
-										<List.Item
-											key={key}
-											actions={[
-												<span>竞赛时间: 2019-08-07 24: 00～2019-09-10 24: 00</span>,
-												<span>报名截止时间：2019-08-07 08:10</span>,
-											]}
-											extra={
-												<div className={"pt50"} style={{"width":'305px'}}>
-													<Row gutter={16}>
-														<Col className="gutter-row" span={6}>
-															<div className="gutter-box CompetitionsIndexdadels">奖金</div>
-														</Col>
-														<Col className="gutter-row" span={6}>
-															<div className="gutter-box CompetitionsIndexdadels">浏览数</div>
-														</Col>
-														<Col className="gutter-row" span={6}>
-															<div className="gutter-box CompetitionsIndexdadels">报名数</div>
-														</Col>
-													</Row>
-
-													<Row gutter={16}>
-														<Col className="gutter-row" span={6}>
-															<div className="gutter-box CompetitionsIndexbottomvalue">¥4500</div>
-														</Col>
-														<Col className="gutter-row" span={6}>
-															<div className="gutter-box CompetitionsIndexbottomvalue">351</div>
-														</Col>
-														<Col className="gutter-row" span={6}>
-															<div className="gutter-box CompetitionsIndexbottomvalue">351</div>
-														</Col>
-													</Row>
-
-												</div>
-											}
-										>
-											<List.Item.Meta
-												title={<a><span className={"competitionstitles"}>{item.name}</span><span>{item.sub_title===null?"":<Tag className="competitionsrelative" color="#87d068">{
-													item.sub_title
-												}</Tag>}</span>
-												</a>}
-											/>
-											{item.description}
-										</List.Item>
-									)}
+										<div>
+
+											{item.description===null||item.description===undefined||item.description===""?<style>
+												{
+													`
+												 ..CompetitionsIndex .ant-list-vertical .ant-list-item-action{
+															margin-top:50px;
+												 }
+												`
+												}
+											</style>:""}
+											<img src={groups3} />
+											<List.Item
+												key={key}
+												actions={[
+													<span>竞赛时间: 2019-08-07 24: 00～2019-09-10 24: 00</span>,
+													<span>报名截止时间：2019-08-07 08:10</span>,
+												]}
+												extra={
+													<div className={"pt50"} style={{"width":'305px'}}>
+														<Row gutter={16}>
+															<Col className="gutter-row" span={6}>
+																<div className="gutter-box CompetitionsIndexdadels">奖金</div>
+															</Col>
+															<Col className="gutter-row" span={6}>
+																<div className="gutter-box CompetitionsIndexdadels">浏览数</div>
+															</Col>
+															<Col className="gutter-row" span={6}>
+																<div className="gutter-box CompetitionsIndexdadels">报名数</div>
+															</Col>
+														</Row>
+
+														<Row gutter={16}>
+															<Col className="gutter-row" span={6}>
+																<div className="gutter-box CompetitionsIndexbottomvalue">¥4500</div>
+															</Col>
+															<Col className="gutter-row" span={6}>
+																<div className="gutter-box CompetitionsIndexbottomvalue">351</div>
+															</Col>
+															<Col className="gutter-row" span={6}>
+																<div className="gutter-box CompetitionsIndexbottomvalue">351</div>
+															</Col>
+														</Row>
+
+													</div>
+												}
+											>
+												<List.Item.Meta
+													title={<a><span className={"competitionstitles"}>{item.name}</span><span>{item.sub_title===null?"":<Tag className="competitionsrelative" color="#87d068">{
+														item.sub_title
+													}</Tag>}</span>
+													</a>}
+												/>
+												{item.description}
+											</List.Item>
+										</div>
+
+									)
+
+									}
 								/>
 
 								<div className="mb40 edu-txt-center padding20-30"
diff --git a/public/react/src/modules/competitions/competitimain/groups1.png b/public/react/src/modules/competitions/competitimain/groups1.png
new file mode 100644
index 000000000..eee9489f4
Binary files /dev/null and b/public/react/src/modules/competitions/competitimain/groups1.png differ
diff --git a/public/react/src/modules/competitions/competitimain/groups2.png b/public/react/src/modules/competitions/competitimain/groups2.png
new file mode 100644
index 000000000..a75cecc30
Binary files /dev/null and b/public/react/src/modules/competitions/competitimain/groups2.png differ
diff --git a/public/react/src/modules/competitions/competitimain/groups3.png b/public/react/src/modules/competitions/competitimain/groups3.png
new file mode 100644
index 000000000..a0caeebd3
Binary files /dev/null and b/public/react/src/modules/competitions/competitimain/groups3.png differ