init project.

Author: jaywcjlove

.babelrc.js

@@ -0,0 +1,32 @@
+const babelrc = {
+  "presets": [
+    [
+      "env", {
+        "targets": {
+          "browsers": ["last 2 versions", "ie >= 10"]
+        }
+      }
+    ],
+    "react"
+  ],
+  "plugins": [
+    "transform-object-rest-spread",
+    "syntax-dynamic-import",
+    "transform-async-to-generator",
+    "transform-class-properties",
+  ],
+  "env": {
+    "production": {}
+  },
+}
+
+// if (process.env.NODE_ENV === 'development') {
+//   // 不要包含多余的空格字符和行结束符。
+//   // 设置为“auto”时，对于大于500KB的输入大小，设置为"true"。
+//   // https://babeljs.io/docs/usage/api/#options
+//   babelrc.cacheDirectory = true;
+// } else {
+//   babelrc.compact = true;
+// }
+
+module.exports = babelrc

.bin/kkt.js

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+
+const program = require('commander');
+const pkg = require('../package.json');
+const Start = require('../script/start');
+const Build = require('../script/build');
+
+program
+  .description('Cli tool for creating react apps.')
+  .option('build', 'Builds the app for production to the dist folder.')
+  .option('start', 'Runs the app in development mode.')
+  .option('-h, --host <host>', 'The port and host.', '0.0.0.0:19870')
+  .version(pkg.version, '-v, --version')
+  .on('--help', function () {
+    console.log('\n  Examples:');
+    console.log();
+    console.log('    $ kkt start');
+    console.log('    $ kkt build');
+    console.log();
+  })
+  .parse(process.argv);
+
+if (program.host) {
+  program.host = program.host.split(':');
+  process.env.HOST = program.host[0] || '0.0.0.0';
+  process.env.PORT = parseInt(program.host[1]) || 19870;
+}
+// console.log('process.env:', process.env)
+if (program.start) {
+  // console.log('program:', program);
+  Start()
+} else if (program.build) {
+  Build()
+} else {
+  program.outputHelp();
+}

.editorconfig

@@ -0,0 +1,20 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.less]
+indent_style = space
+indent_size = 2
+
+[Makefile]
+indent_style = tab

.eslintrc.js

@@ -0,0 +1,88 @@
+const eslintrc = {
+  "parser": "babel-eslint",
+  "extends": "airbnb",
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true,
+    "mocha": true,
+    "jest": true,
+    "jasmine": true
+  },
+  "plugins": [
+    "react",
+    "import"
+  ],
+  "parserOptions": {
+    parser: 'babel-eslint',
+  },
+  "rules": {
+    "linebreak-style": 0,
+    "func-names": 0,
+    "sort-imports": 0,
+    "arrow-body-style": 0,
+    "prefer-destructuring": 0,
+    "max-len": 0,
+    "consistent-return": 0,
+    "comma-dangle": [
+      "error",
+      "always-multiline"
+    ],
+    "function-paren-newline": 0,
+    "class-methods-use-this": 0,
+    "react/sort-comp": 0,
+    "react/prop-types": 0,
+    "react/jsx-first-prop-new-line": 0,
+    "react/require-extension": 0,
+    "react/jsx-filename-extension": [
+      1,
+      {
+        "extensions": [
+          ".js",
+          ".jsx"
+        ]
+      }
+    ],
+    "import/extensions": 0,
+    "import/no-unresolved": 0,
+    "import/no-extraneous-dependencies": 0,
+    "import/prefer-default-export": 0,
+    "jsx-a11y/no-static-element-interactions": 0,
+    "jsx-a11y/anchor-has-content": 0,
+    "jsx-a11y/click-events-have-key-events": 0,
+    "jsx-a11y/anchor-is-valid": 0,
+    "jsx-a11y/label-has-for": 0,
+    "jsx-a11y/no-noninteractive-element-interactions": 0,
+    "jsx-a11y/mouse-events-have-key-events": 0,
+    "react/no-danger": 0,
+    "react/jsx-no-bind": 0,
+    "react/forbid-prop-types": 0,
+    "react/require-default-props": 0,
+    "react/no-did-mount-set-state": 0,
+    "react/no-array-index-key": 0,
+    "react/no-find-dom-node": 0,
+    "react/no-unused-state": 0,
+    "react/no-unused-prop-types": 0,
+    "react/default-props-match-prop-types": 0,
+    "react/jsx-curly-spacing": 0,
+    "react/no-render-return-value": 0,
+    "object-curly-newline": 0,
+    "no-param-reassign": 0,
+    "no-return-assign": 0,
+    "no-redeclare": 0,
+    "no-restricted-globals": 0,
+    "no-restricted-syntax": 0,
+    "no-underscore-dangle": 0,
+    "no-unused-expressions": 0
+  }
+}
+
+if (process.env.NODE_ENV === 'development') {
+  Object.assign(eslintrc.rules,
+  {
+    'no-console': 0,
+    'no-unused-vars': 0,
+  });
+}
+
+module.exports = eslintrc

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+.DS_Store
+npm-debug.log*

README.md

@@ -0,0 +1,4 @@
+kkt
+--- 
+
+Cli tool for creating react apps.

conf/path.js

@@ -0,0 +1,17 @@
+const PATH = require('path');
+const FS = require('fs');
+
+// 确保在项目文件夹中的任何符号都解决了：
+const appDirectory = FS.realpathSync(process.cwd());
+const toolDirectory = FS.realpathSync(__dirname);
+// Markdown 所在目录
+const resolveApp = relativePath => PATH.resolve(appDirectory, relativePath);
+// rdoc 工具所在目录
+const resolveTool = relativePath => PATH.resolve(toolDirectory, relativePath);
+
+module.exports = {
+  appBuildDist: resolveApp('dist'),
+  appPublicPath: '/',
+  appIndex: resolveApp('src/index.js'),
+  defaultHTMLPath: resolveApp('public/index.html'),
+};

conf/webpack.config.dev.js

@@ -0,0 +1,45 @@
+const autoprefixer = require('autoprefixer');
+const webpack = require('webpack');
+const PATH = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CreateSpareWebpackPlugin = require('create-spare-webpack-plugin');
+const FriendlyErrorsWebpackPlugin = require('@nuxtjs/friendly-errors-webpack-plugin');
+const config = require('./webpack.config');
+const paths = require('./path');
+
+module.exports = function () {
+  config.mode = 'development';
+  config.entry = [
+    require.resolve('webpack-hot-dev-clients/webpackHotDevClient'),
+    paths.appIndex,
+  ];
+  config.module.rules = config.module.rules.map((item) => {
+    // if (item.oneOf) {
+    //   const loaders = [];
+    //   loaders.push();
+    //   item.oneOf = loaders.concat(item.oneOf);
+    // }
+    return item;
+  });
+
+
+  config.plugins = config.plugins.concat([
+    // new webpack.HotModuleReplacementPlugin(),
+    new HtmlWebpackPlugin({
+      inject: true,
+      // favicon: paths.defaultFaviconPath,
+      template: paths.defaultHTMLPath,
+    }),
+    // new webpack.DefinePlugin({
+    //   VERSION: JSON.stringify(pkg.version),
+    // }),
+    // 将模块名称添加到工厂功能，以便它们显示在浏览器分析器中。
+    // 当接收到热更新信号时，在浏览器console控制台打印更多可读性高的模块名称等信息
+    new webpack.NamedModulesPlugin(),
+    new FriendlyErrorsWebpackPlugin({
+      clearConsole: true,
+    }),
+  ]);
+
+  return config;
+};

conf/webpack.config.js

@@ -0,0 +1,108 @@
+const autoprefixer = require('autoprefixer');
+const PATH = require('path');
+const paths = require('./path');
+
+module.exports = {
+  entry: {},
+  output: {
+    path: paths.appBuildDist,
+    publicPath: paths.appPublicPath,
+    filename: 'js/[name].[hash:8].js',
+    chunkFilename: 'js/[name].[hash:8].js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx|mjs)$/,
+        exclude: [/node_modules/],
+        enforce: 'pre',
+        use: [
+          // TODO:禁用require.ensure也不是一种标准的语言特征。
+          // 我们等待https://github.com/facebookincubator/create-react-app/issues/2176。
+          // { parser: { requireEnsure: false } },
+          {
+            // 首先运行linter。
+            // 在Babel处理js之前做这一点很重要。
+            options: {
+              eslintPath: require.resolve('eslint'),
+              configFile: require.resolve('../.eslintrc.js'),
+            },
+            loader: require.resolve('eslint-loader'),
+          },
+        ],
+      },
+      {
+        // “oneOf”将遍历所有以下加载程序，直到一个符合要求。
+        // 当没有加载器匹配时，它将返回到加载程序列表末尾的“file”加载器。
+        oneOf: [
+          {
+            // Process JS with Babel.
+            test: /\.(js|jsx|mjs)$/,
+            use: [
+              {
+                loader: require.resolve('babel-loader'),
+                options: require('../.babelrc'), // eslint-disable-line
+              },
+            ],
+          },
+          {
+            test: /\.(css|less)$/,
+            use: [
+              require.resolve('style-loader'),
+              {
+                loader: require.resolve('css-loader'),
+                options: {
+                  modules: true,
+                  localIdentName: '[name]-[hash:base64:5]',
+                  importLoaders: 1,
+                },
+              },
+              {
+                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'), // eslint-disable-line
+                    autoprefixer({
+                      browsers: [
+                        '>1%',
+                        'last 4 versions',
+                        'Firefox ESR',
+                        'not ie < 9', // React doesn't support IE8 anyway
+                      ],
+                      flexbox: 'no-2009',
+                    }),
+                  ],
+                },
+              },
+              require.resolve('less-loader'),
+            ],
+          },
+          // “file-loader”确保这些资源由WebpackDevServer服务。
+          // 当您导入资源时，您将获得（虚拟）文件名。
+          // 在生产中，它们将被复制到`build`文件夹。
+          // 此加载程序不使用“test”，因此它将捕获所有模块
+          {
+            // 排除`js`文件以保持“css”加载器工作，因为它注入它的运行时，否则将通过“文件”加载器处理。
+            // 还可以排除“html”和“json”扩展名，以便它们被webpacks内部加载器处理。
+            exclude: [/\.js$/, /\.html$/, /\.json$/],
+            loader: require.resolve('file-loader'),
+            options: {
+              name: 'static/[name].[hash:8].[ext]',
+            },
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [],
+  node: {
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty',
+  },
+};