chore: clear

Author: Aircity

generator/index.js

@@ -4,19 +4,19 @@ module.exports = (api, option, rootOptions) => {
 	// 扩展 package.json
 	api.extendPackage({
 		dependencies: {
-			"react": "^16.0.0",
-			"react-dom": "^16.0.0"
+			"react": "^16.8.4",
+			"react-dom": "^16.8.4"
 		},
 		devDependencies: {
-			"babel-preset-react-app": "^6.0.0"
+			"babel-preset-react-app": "^7.0.2"
 		},
 		eslintConfig: {
 			"extends": [
 				"plugin:react/recommended",
 			]
 		},
 		scripts: {
-			"vueconf": "vue-cli-service vueconf"
+			"config": "vue-cli-service config"
 		},
 	});
 	// 渲染模板

generator/template/src/App.css

@@ -8,13 +8,8 @@
 }
 
 .App-header {
-  <% if (appStyle === 'Vue') { %> 
-  background-color: #FFF;
-  color: #2c3e50;
-  <% } else { %>
   background-color: #282c34;
   color: white;
-  <% } %>
   min-height: 100vh;
   display: flex;
   flex-direction: column;
@@ -24,18 +19,15 @@
 }
 
 .App-link {
-  <% if (appStyle === 'Vue') { %> 
-  color: #3eaf7c;
-  <% } else { %>
   color: #61dafb;
-  <% } %>
 }
 
 @keyframes App-logo-spin {
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
-}
+}

generator/template/src/App.js

@@ -1,10 +1,6 @@
-import React, { Component } from 'react';
-<% if (appStyle === 'Vue') { %>
-import logo from './assets/logo.png';
-<% } else { %>
-import logo from './logo.svg';
-<% } %>
-import './App.css';
+import React, { Component } from "react"
+import logo from "./logo.svg"
+import "./App.css"
 
 class App extends Component {
   render() {
@@ -21,16 +17,12 @@ class App extends Component {
             target="_blank"
             rel="noopener noreferrer"
           >
-          <% if (appStyle === 'Vue') { %>
-            I love Vue! 
-          <% } else { %>
             Learn React
-          <% } %>
           </a>
         </header>
       </div>
-    );
+    )
   }
 }
 
-export default App;
+export default App

generator/template/src/index.css

@@ -11,4 +11,4 @@ body {
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
-}
+}

index.js

@@ -1,21 +1,30 @@
 module.exports = (api, projectOptions) => {
-	api.chainWebpack(webpackConfig => {
-		webpackConfig
-			.entry('app')
-			.delete('./src/main.js')
-			.add('./src/index.js')
-			.end();
-	});
+  api.chainWebpack(webpackConfig => {
+    webpackConfig
+      .entry('app')
+      .delete('./src/main.js')
+      .add('./src/index.js')
+      .end()
 
-	api.registerCommand(
-		'vueconf', {
-			description: 'test',
-			usage: 'vue-cli-service vueconf',
-			options: {}
-		},
-		(args) => {
-			console.log('测试输出projectOptions(包含pluginOptions)');
-			console.log(projectOptions);
-		}
-	);
-};
+    webpackConfig.module
+      .rule('babel')
+      .test(/\.js?$/)
+      .use('babel-loader')
+      .loader('babel-loader')
+      .end()
+
+    webpackConfig.resolve.delete('vue-loader')
+  })
+
+  api.registerCommand(
+    'config',
+    {
+      description: 'test',
+      usage: 'vue-cli-service config',
+      options: {}
+    },
+    () => {
+      console.log(projectOptions)
+    }
+  )
+}

package.json

@@ -1,11 +1,11 @@
 {
-  "name": "vue-cli-plugin-react",
-  "version": "1.0.0",
+  "name": "@o3o/vue-cli-plugin-react",
+  "version": "0.1.0",
   "description": "",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "author": "",
-  "license": "ISC"
-}
+  "author": "aircity <aircity@drrr.us>",
+  "license": "MIT"
+}