init boilerplate

Author: Fay

.babelrc.js

@@ -0,0 +1,37 @@
+const { argv } = require('yargs')
+
+const getArgs = (key) => {
+  const arg = argv[key]
+  if (!arg) return []
+  return typeof arg === 'string' ? [arg] : arg
+}
+
+const env = getArgs('env')
+const isDev = env.includes('mode=development')
+
+const babelConfig = {
+  presets: [
+    // [
+    //   '@babel/preset-env',
+    //   {
+    //     targets: {
+    //       browsers: ['>1%', 'last 4 versions', 'not ie < 9'],
+    //     },
+    //     useBuiltIns: 'usage',
+    //     debug: false,
+    //     corejs: 3,
+    //   },
+    // ],
+    '@babel/preset-react',
+  ],
+  plugins: [
+    '@babel/plugin-syntax-dynamic-import',
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-export-namespace-from',
+    '@babel/plugin-proposal-throw-expressions',
+    '@babel/proposal-object-rest-spread',
+    isDev && 'react-refresh/babel',
+  ].filter(Boolean),
+}
+
+module.exports = babelConfig

.env.development

@@ -0,0 +1,5 @@
+NODE_ENV=development
+PROTOCOL=http
+HOST=0.0.0.0
+PORT=3000
+PUBLIC_URL=/

.env.production

@@ -0,0 +1,2 @@
+NODE_ENV=production
+PROTOCOL=https

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+webpack

.eslintrc.js

@@ -0,0 +1,38 @@
+const eslintConfig = {
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'react'],
+  env: {
+    browser: true,
+    jest: true,
+  },
+  extends: [
+    'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/eslint-plugin
+    'prettier/@typescript-eslint', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
+    'prettier/react', // disables react-specific linting rules that conflict with prettier
+  ],
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  rules: {
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    'react/jsx-filename-extension': [
+      'error',
+      {
+        extensions: ['.jsx', '.tsx'],
+      },
+    ],
+  },
+  settings: {
+    react: {
+      version: 'detect', // Tells eslint-plugin-react to automatically detect the version of React to use
+    },
+  },
+}
+
+module.exports = eslintConfig

.gitignore

@@ -0,0 +1,17 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/dist
+
+# misc
+.DS_Store
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.npmrc

@@ -0,0 +1,4 @@
+registry=https://registry.npm.taobao.org
+disturl=https://npm.taobao.org/dist
+sass_binary_site=https://npm.taobao.org/mirrors/node-sass
+fse_binary_host_mirror=https://npm.taobao.org/mirrors/fsevents

jest.config.ts

@@ -0,0 +1,16 @@
+const jestConfig = {
+  roots: ['<rootDir>/src'],
+  collectCoverageFrom: ['src/**/*.{js,jsx,ts,tsx}', '!src/**/*.d.ts'],
+  setupFiles: ['react-app-polyfill/jsdom'],
+  setupFilesAfterEnv: ['<rootDir>/src/setupTests.ts'],
+  testMatch: [
+    '<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}',
+    '<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}',
+  ],
+  testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(js|jsx|mjs|cjs|ts|tsx)$': '<rootDir>/node_modules/babel-jest',
+  },
+}
+
+export default jestConfig