finish question

Author: likun7981

README.md

@@ -0,0 +1,66 @@
+module.exports = {
+  prompts: {
+    name: {
+      type: 'string',
+      required: true,
+      message: 'Project name'
+    },
+    author: {
+      type: 'string',
+      message: 'Author'
+    },
+    type: {
+      type: 'list',
+      message: 'Which type do you want?',
+      choices:[{
+        name: 'Single-Page(no react-router)',
+        value: 'single',
+        short: 'Single(No-Router)'
+      },{
+        name: 'Multi-Page(with react-router)',
+        value: 'multi',
+        short: 'Multi(With-Router)'
+      }]
+    },
+    stateContainer:{
+      when: function(answers){
+        return answers.type === 'single'
+      },
+      type: 'confirm',
+      message: 'Do you want to use redux?',
+      default: false
+    },
+    eslint: {
+      type: 'confirm',
+      require: true,
+      message: 'Use linting with ESLint?',
+      default: true
+    },
+    eslintConfig: {
+      when: 'eslint',
+      type: 'list',
+      message: 'Which eslint config would you like to use?',
+      choices: [{
+        name: 'Standard (https://github.com/feross/standard)',
+        value: 'standard',
+        short: 'Standard'
+      }, {
+        name: 'none (configure it yourself)',
+        value: 'none',
+        short: 'None'
+      }]
+    },
+    unit: {
+      type: 'confirm',
+      require: true,
+      message: 'Setup unit tests with Karma + Mocha?',
+      default: true
+    }
+  },
+  filters: {
+    '.eslintignore': 'eslint',
+    '.eslintrc.js': 'eslint',
+    'test/**/*': 'unit'
+  },
+  completeMessage: 'To get started:\n\n  cd {{destDirName}}\n  npm install\n  npm run dev'
+}

build/webpack-config/loaders.js

@@ -1,5 +1,3 @@
-const cssnano = require('cssnano');
-
 module.exports = {
   development: {
     performance: {
@@ -36,20 +34,10 @@ module.exports = {
       'react-dom'
     ],
     postcss: [
-      cssnano({
-        autoprefixer: {
-          add: true,
-          remove: true,
-          browsers: ['last 2 versions']
-        },
-        discardComments: {
-          removeAll: true
-        },
-        discardUnused: false,
-        mergeIdents: false,
-        reduceIdents: false,
-        safe: true,
-        sourcemap: true
+      require('autoprefixer')({
+        add: true,
+        remove: true,
+        browsers: ['last 2 versions']
       })
     ]
   }

meta.js

@@ -3,7 +3,9 @@ const envConfigs = require('./configs');
 
 module.exports = {
   /**
-   * why? https://fb.me/react-minification ,http://stackoverflow.com/questions/30030031
+   * why?  you can see:
+   * https://fb.me/react-minification
+   * http://stackoverflow.com/questions/30030031
    */
   'process.env': {
     NODE_ENV: JSON.stringify(NODE_ENV)

.babelrc renamed to template/.babelrc

@@ -29,7 +29,7 @@ module.exports = (paths) => {
     output: {
       filename: '[name].[hash:8].js',
       path: paths.dist(),
-      publicPath: '/'
+      publicPath: ''
     },
     performance: envConfig.performance
   };

.editorconfig renamed to template/.editorconfig

@@ -0,0 +1,56 @@
+const debug = require('debug')('app:webpack:loaders');
+const env = require('../base-config/environment');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+const isDev = env.isDev;
+const isProd = env.isProd;
+module.exports = () => {
+  const rules = [{
+    test: /\.(js|jsx)$/,
+    exclude: /node_modules/,
+    use: [{ loader: 'babel-loader' }]
+  }, {
+    test: /\.json$/,
+    use: [{ loader: 'json-loader' }]
+  }, {
+    test: /\.(css|less)$/,
+    use: [
+      {
+        loader: 'style-loader'
+      }, {
+        loader: 'css-loader',
+        // use 'options' for ExtractTextPlugin is not effect, so use 'query' to replace 'options'
+        query: {
+          minimize: isProd,
+          sourceMap: !isProd
+        }
+      }, {
+        loader: 'postcss-loader'
+      }, {
+        loader: 'less-loader',
+        options: {
+          sourceMap: !isProd
+        }
+      }
+    ]
+  }, {
+    test: /\.(png|jpg)$/,
+    use: [{
+      loader: 'url-loader',
+      options: {
+        limit: 8192
+      }
+    }]
+  }];
+  if (!isDev) {
+    debug('Apply ExtractTextPlugin to CSS loaders.');
+    rules.filter(rule => rule.use && rule.use.find(loaderObj => /css/.test(loaderObj.loader.split('?')[0])))
+      .forEach((rule) => {
+        const first = rule.use[0];
+        const rest = rule.use.slice(1);
+        rule.loader = ExtractTextPlugin.extract({ fallbackLoader: first, loader: rest });
+        delete rule.use;
+      });
+  }
+  return rules;
+};

.eslintignore renamed to template/.eslintignore

@@ -42,6 +42,7 @@
   "author": "likun",
   "license": "MIT",
   "devDependencies": {
+    "autoprefixer": "^6.7.6",
     "babel-core": "^6.20.0",
     "babel-eslint": "^7.1.1",
     "babel-loader": "^6.2.9",
@@ -54,7 +55,6 @@
     "compression": "^1.6.2",
     "connect-history-api-fallback": "^1.3.0",
     "css-loader": "^0.26.1",
-    "cssnano": "^3.10.0",
     "debug": "^2.4.5",
     "eslint": "^3.12.2",
     "eslint-config-airbnb": "^13.0.0",
@@ -63,7 +63,7 @@
     "eslint-plugin-jsx-a11y": "2.2.3",
     "eslint-plugin-react": "^6.8.0",
     "express": "^4.14.0",
-    "extract-text-webpack-plugin": "2.0.0-beta.4",
+    "extract-text-webpack-plugin": "^2.1.0",
     "file-loader": "^0.9.0",
     "fs-extra": "^1.0.0",
     "html-webpack-plugin": "^2.24.1",
@@ -75,15 +75,13 @@
     "karma-webpack-with-fast-source-maps": "^1.10.0",
     "less": "^2.7.1",
     "less-loader": "^2.2.3",
-    "line-debugger": "^0.0.1",
     "mocha": "^3.2.0",
     "postcss-loader": "^1.2.1",
-    "redbox-react": "^1.3.3",
     "redux-logger": "^2.7.4",
     "rimraf": "^2.5.4",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
-    "webpack": "2.2.0-rc.3",
+    "webpack": "^2.2.1",
     "webpack-dev-middleware": "^1.8.4",
     "webpack-hot-middleware": "^2.13.2"
   },

.eslintrc.js renamed to template/.eslintrc.js

@@ -10,26 +10,14 @@ const store = createStore(initialState);
 // some setup
 const MOUNT_NODE = document.getElementById('root');
 
-let render = () => {
+const render = () => {
   const routes = require('./routes/index').default(store); // !important
   ReactDOM.render(
     <App store={store} routes={routes} />,
     MOUNT_NODE
   );
 };
 if (isDev && module.hot) {
-  const renderApp = render;
-  const renderError = (error) => {
-    const RedBox = require('redbox-react').default; // eslint-disable-line
-    ReactDOM.render(<RedBox error={error} />, MOUNT_NODE);
-  };
-  render = () => {
-    try {
-      renderApp();
-    } catch (error) {
-      renderError(error);
-    }
-  };
   module.hot.accept('./routes/index', () => {
     ReactDOM.unmountComponentAtNode(MOUNT_NODE);
     render();

.gitattributes renamed to template/.gitattributes

@@ -5,8 +5,8 @@ export const HomeView = () => (
   <div>
     <h4>Welcome!</h4>
     <img
-      alt="This is a duck, because Redux!"
-      className="duck"
+      alt="A magic!"
+      className="magic"
       src="/images/magic.png"
     />
   </div>

.gitignore renamed to template/.gitignore

@@ -1,4 +1,4 @@
-.duck {
+.magic {
   display: block;
   width: 120px;
   margin: 1.5rem auto;

LICENSE renamed to template/LICENSE

@@ -1,7 +1,7 @@
 import React, { PropTypes } from 'react';
 
 export const Increase = props => (
-  <div style={{ margin: '0 auto' }} >
+  <div >
     <h2>Counter: {props.increase}</h2>
     <button className="btn btn-default" onClick={props.increment}>
       Increment