change some config

Author: likun7981

template/build/base-config/configs.js

@@ -2,13 +2,13 @@ module.exports = {
   development: {
     performance: {
       hints: false,
-      maxAssetSize: 2000000
+      maxAssetSize: 2000000 // 2.5M
     }
   },
   production: {
     performance: {
       hints: 'error',
-      maxEntrypointSize: 1500000
+      maxEntrypointSize: 1500000 // 1.5M
     },
     stats: {
       chunkModules: false,

template/build/base-config/environment.js

@@ -11,8 +11,8 @@ module.exports = {
     NODE_ENV: JSON.stringify(NODE_ENV)
   },
   env: NODE_ENV,
-  isDev: NODE_ENV === 'development',
-  isProd: NODE_ENV === 'production',
-  isTest: NODE_ENV === 'test',
+  __DEV__: NODE_ENV === 'development',
+  __PRO__: NODE_ENV === 'production',
+  __TEST__: NODE_ENV === 'test',
   config: Object.assign(envConfigs.defaults, envConfigs[NODE_ENV] || {})
 };

template/build/server.js

@@ -9,11 +9,11 @@ const app = express();
 app.use(require('compression')());
 
 // Apply Webpack HMR Middleware
-if (env.isDev) {
+if (env.__DEV__) {
   const webpack = require('webpack');
   const webpackConfig = require('./webpack-config');
   const compiler = webpack(webpackConfig);
-  debug('Apply webpack dev and HMR middleware(开启开发环境插件 webpack-dev 和 HRM 中间件)');
+  debug('Apply webpack dev and HMR middleware');
   app.use(require('webpack-dev-middleware')(compiler, {
     publicPath: webpackConfig.output.publicPath,
     contentBase: paths.src(),

template/build/webpack-config/alias.js

@@ -1,8 +1,12 @@
+/**
+ * https://docs.npmjs.com/files/package.json#name,
+ * this alias name have to not support package name;
+ */
 module.exports = paths => ({
-  UTILS: paths.src('utils'),
-  COMPONENTS: paths.src('components'),
-  CONTAINERS: paths.src('containers'),
-  STYLES: paths.src('styles'),
-  REDUCERS: paths.src('reducers'),
-  LAYOUTS: paths.src('layouts')
+  '$utils': paths.src('utils'),
+  '$components': paths.src('components'),
+  '$containers': paths.src('containers'),
+  '$styles': paths.src('styles'),
+  '$reducers': paths.src('reducers'),
+  '$layouts': paths.src('layouts')
 });

template/build/webpack-config/base.js

@@ -1,7 +1,7 @@
 const debug = require('debug')('app:webpack:base');
 const env = require('../base-config/environment');
 
-const isDev = env.isDev;
+const isDev = env.__DEV__;
 const envConfig = env.config;
 
 const pkg = require('../../package.json');
@@ -25,7 +25,7 @@ module.exports = (paths) => {
       app: App,
       vendors: Vendors
     },
-    devtool: isDev ? 'eval' : 'cheap-source-map',
+    devtool: isDev ? 'eval' : false,
     output: {
       filename: '[name].[hash:8].js',
       path: paths.dist(),

template/build/webpack-config/index.js

@@ -6,7 +6,7 @@ const base = require('./base')(paths);
 const loaders = require('./loaders')();
 const plugins = require('./plugins')(paths);
 
-debug('Creating configuration.(创建配置)');
+debug('Creating configuration.');
 module.exports = Object.assign({
   plugins,
   resolve: {

template/build/webpack-config/loaders.js

@@ -2,8 +2,8 @@ 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;
+const isDev = env.__DEV__;
+const isProd = env.__PRO__;
 module.exports = () => {
   const rules = [{
     test: /\.(js|jsx)$/,
@@ -13,25 +13,34 @@ module.exports = () => {
     test: /\.json$/,
     use: [{ loader: 'json-loader' }]
   }, {
-    test: /\.(css|less)$/,
-    use: [
-      {
-        loader: 'style-loader'
-      }, {
-        loader: 'css-loader',
-        options: {
-          minimize: isProd,
-          sourceMap: !isProd
-        }
-      }, {
-        loader: 'postcss-loader'
-      }, {
-        loader: 'less-loader',
-        options: {
-          sourceMap: !isProd
-        }
+    test: /\.css$/,
+    use: [{
+      loader: 'style-loader'
+    }, {
+      loader: 'css-loader',
+      options: {
+        minimize: isProd
+      }
+    }, {
+      loader: 'postcss-loader'
+    }]
+  }, {
+    test: /\.less$/,
+    use: [{
+      loader: 'style-loader'
+    }, {
+      loader: 'css-loader',
+      options: {
+        minimize: isProd
       }
-    ]
+    }, {
+      loader: 'postcss-loader'
+    }, {
+      loader: 'less-loader',
+      options: {
+        sourceMap: !isProd
+      }
+    }]
   }, {
     test: /\.(png|jpg)$/,
     use: [{

template/build/webpack-config/plugins.js

@@ -4,8 +4,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const env = require('../base-config/environment');
 
-const isDev = env.isDev;
-const isProd = env.isProd;
+const isDev = env.__DEV__;
+const isProd = env.__PRO__;
 
 module.exports = (paths) => {
   const plugins = [
@@ -30,13 +30,13 @@ module.exports = (paths) => {
     })
   ];
   if (isDev) {
-    debug('Enable HMR,noErrors for development(开启开发环境插件)');
+    debug('Enable HMR,noErrors for development');
     plugins.push(
       new webpack.HotModuleReplacementPlugin(),
       new webpack.NoEmitOnErrorsPlugin() // 报错时不退出webpack进程
     );
   } else {
-    debug('Apply ExtractTextPlugin.(非开发环境开启ExtractTextPlugin)');
+    debug('Apply ExtractTextPlugin.');
     plugins.push(
       new ExtractTextPlugin({
         filename: '[name].[hash:8].css',
@@ -45,7 +45,7 @@ module.exports = (paths) => {
     );
   }
   if (isProd) {
-    debug('Enable OccurenceOrder,UglifyJs for production(开启生产环境打包插件)');
+    debug('Enable OccurenceOrder,UglifyJs for production.');
     plugins.push(
       new webpack.optimize.OccurrenceOrderPlugin(), // 根据模块使用情况 排序模块序号
       new webpack.optimize.UglifyJsPlugin({

template/src/main.js

@@ -17,7 +17,7 @@ const render = () => {
     MOUNT_NODE
   );
 };
-if (isDev && module.hot) {
+if (__DEV__ && module.hot) {
   module.hot.accept('./routes/index', () => {
     ReactDOM.unmountComponentAtNode(MOUNT_NODE);
     render();

template/src/store/createStore.js

@@ -10,7 +10,7 @@ export default (initialState = {}) => {
   const enhancers = [];
   const globalReducerMaps = [];
 
-  if (isDev) {
+  if (__DEV__) {
     const devToolsExtension = window.devToolsExtension;
     if (typeof devToolsExtension === 'function') {
       enhancers.push(devToolsExtension());