feat(template): 升级初始化模板

packages/rocketact/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rocketact",
-  "version": "0.2.6",
+  "version": "0.3.0",
   "description": "Develop React projects with ease",
   "main": "index.js",
   "scripts": {

packages/rocketact/template/.eslintignore

@@ -0,0 +1,3 @@
+node_modules/**
+build/**
+@types/**

packages/rocketact/template/.eslintrc.js

@@ -0,0 +1,34 @@
+module.exports = {
+  parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+  parserOptions: {
+    ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+    sourceType: "module", // Allows for the use of imports
+    ecmaFeatures: {
+      jsx: true, // Allows for the parsing of JSX
+    },
+  },
+  settings: {
+    react: {
+      version: "detect", // Tells eslint-plugin-react to automatically detect the version of React to use
+    },
+  },
+  extends: [
+    "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+    "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
+    "plugin:prettier/recommended", // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  ],
+  rules: {
+    "@typescript-eslint/ban-ts-comment": "warn", // ts-no-check
+    "@typescript-eslint/explicit-module-boundary-types": "off", // return
+  },
+  overrides: [
+    {
+      // enable the rule specifically for TypeScript files
+      files: ["*.js", "*.ts"],
+      rules: {
+        "@typescript-eslint/explicit-module-boundary-types": "warn",
+      },
+    },
+  ],
+};

packages/rocketact/template/.gitignore

@@ -1,6 +1,5 @@
 node_modules/
-.vscode/
 .DS_Store
 **/.DS_Store
 
-build/
+build/

packages/rocketact/template/.prettierignore

@@ -0,0 +1 @@
+build/

packages/rocketact/template/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "start": "rocketact-scripts start",
     "build": "rocketact-scripts build",
-    "ts-check": "tsc --project tsconfig.json && tslint --config tslint.json --project tsconfig.json"
+    "lint": "eslint 'src/**/*.{js,ts,tsx}' --quiet --fix"
   },
   "repository": {
     "type": "git",
@@ -25,13 +25,18 @@
   "devDependencies": {
     "@types/react": "^16.4.7",
     "@types/react-dom": "^16.0.6",
-    "rocketact-scripts": "^1.0.0",
-    "tslint": "^5.12.0",
-    "typescript": "^3.2.2",
-    "tslint-config-prettier": "^1.17.0",
+    "@typescript-eslint/eslint-plugin": "^3.9.1",
+    "@typescript-eslint/parser": "^3.9.1",
     "autoprefixer": "^9.3.1",
+    "eslint": "^7.7.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.20.6",
+    "rocketact-scripts": "^1.0.0",
     "postcss-flexbugs-fixes": "^4.1.0",
-    "rocketact-plugin-polyfill": "^0.1.6"
+    "prettier": "^2.1.2",
+    "rocketact-plugin-polyfill": "^0.1.6",
+    "typescript": "^3.9.3"
   },
   "dependencies": {
     "react": "^16.7.0",

packages/rocketact/template/src/components/Welcome/Welcome.tsx

@@ -3,7 +3,7 @@ import * as React from "react";
 import logo from "./logo.svg";
 import "./Welcome.scss";
 
-const Welcome: React.SFC<{ message: string }> = props => {
+const Welcome = (props: { message: string }) => {
   return (
     <div className="welcome-container">
       <img src={logo} />