解决打成包的时候，basename问题

Author: xiaotuni

src/containers/Counter/Counter.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import * as cActions from 'reducers/counter';
-import { Utility, Navbar } from 'components';
+import { Utility } from 'components';
 const comStyles = require('styles/Common.scss');
 
 @connect((state) => ({ counter: state.counter }), { ...cActions })
@@ -22,7 +22,6 @@ export default class Counter extends Component {
     const { increment, decrement, reset } = this.props;
     return (
       <div>
-        <Navbar Title="Counter" />
         <div className={comStyles.btns}>
           <button onClick={() => Utility.toPage('userinfo')}>go to userinfo</button>
           <button onClick={() => Utility.$goBack()}>go back</button>

src/router/router.js

@@ -47,7 +47,7 @@ const getTransitionsName = (isReturn, styles) => {
 const __timeout = 500;
 
 const getRouters = () => (
-  <Router basename="/react">
+  <Router basename="/react/">
     <div className={routerCss.appContent}>
       <Route path="/" component={CreateComponent(Home)} />
       <Route render={({ location }) => (

webpack.config.js

@@ -11,7 +11,8 @@ const merge = require('webpack-merge');
 const CommCfg = require('./wepback.common.config.js');
 
 const proCfg = {
-  devtool: 'cheap-module-source-map',
+  // devtool: 'cheap-module-source-map',
+  devtool: 'source-map',
   module: {
     rules: [
       { test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) },
@@ -44,12 +45,12 @@ const proCfg = {
     ]
   },
   plugins: [
-    new CleanWebpackPlugin(['dist/www']),
+    new CleanWebpackPlugin(['dist/react']),
     new UglifyJSPlugin(),
-    new webpack.DefinePlugin({ 'process.env': { 'NODE_ENV': JSON.stringify('production') } }),
+    new webpack.DefinePlugin({ 'process.env': { NODE_ENV: JSON.stringify('production') } }),
     new ExtractTextPlugin({ filename: '[name].[contenthash:5].css', allChunks: true }),
   ],
-}
+};
 
 module.exports = merge(CommCfg, proCfg);
 

wepback.common.config.js

@@ -8,10 +8,10 @@ const Config = {
     vendor: ['react', 'react-router-dom', 'redux', 'react-dom', 'react-redux']
   },
   output: {
-    path: path.join(__dirname, './dist/www'),
+    path: path.join(__dirname, './dist/react'),
     filename: '[name].[chunkhash].js',
     chunkFilename: '[name].[chunkhash].js',
-    publicPath: '/'
+    publicPath: '/react/'         // 这里必须和router里面写的那个basename要一样。要不能会出问题。
   },
   module: {
     rules: [