fix(reactant-template): fix reactant-template js web

Author: unadlib

packages/reactant-template/templates/web/javascript/template/gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

packages/reactant-template/templates/web/javascript/template/src/index.jsx renamed to packages/reactant-template/templates/web/javascript/template/src/app.view.jsx

@@ -1,32 +1,9 @@
 import React from 'react';
-import { render } from 'reactant-web';
-import {
-  ViewModule,
-  createApp,
-  injectable,
-  useConnector,
-  action,
-  state,
-} from 'reactant';
-
-@injectable()
-class Counter {
-  @state
-  count = 0;
-
-  @action
-  increase() {
-    this.count += 1;
-  }
-
-  @action
-  decrease() {
-    this.count -= 1;
-  }
-}
+import { ViewModule, injectable, useConnector } from 'reactant';
+import { CounterService } from './counter.service';
 
 @injectable({
-  deps: [Counter],
+  deps: [CounterService],
 })
 class AppView extends ViewModule {
   constructor(counter) {
@@ -50,9 +27,4 @@ class AppView extends ViewModule {
   }
 }
 
-const app = createApp({
-  main: AppView,
-  render,
-});
-
-app.bootstrap(document.getElementById('app'));
+export { AppView };

packages/reactant-template/templates/web/javascript/template/src/counter.service.js

@@ -0,0 +1,19 @@
+import { injectable, action, state } from 'reactant';
+
+@injectable()
+class CounterService {
+  @state
+  count = 0;
+
+  @action
+  increase() {
+    this.count += 1;
+  }
+
+  @action
+  decrease() {
+    this.count -= 1;
+  }
+}
+
+export { CounterService };

packages/reactant-template/templates/web/javascript/template/src/counter.service.spec.js

@@ -0,0 +1,17 @@
+import { testBed } from 'reactant';
+import { CounterService } from './counter.service';
+
+describe('CounterService', () => {
+  let module;
+
+  beforeEach(() => {
+    module = testBed({
+      main: CounterService,
+      modules: [],
+    }).instance;
+  });
+
+  test('should be created', () => {
+    expect(module instanceof CounterService).toBeTruthy();
+  });
+});

packages/reactant-template/templates/web/javascript/template/src/index.js

@@ -0,0 +1,11 @@
+import { render } from 'reactant-web';
+import { createApp } from 'reactant';
+import { AppView } from './app.view';
+
+const app = createApp({
+  modules: [],
+  main: AppView,
+  render,
+});
+
+app.bootstrap(document.getElementById('app'));

packages/reactant-template/templates/web/javascript/template/webpack.config.js

@@ -3,7 +3,7 @@ const path = require('path');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = {
-  entry: './src/index.jsx',
+  entry: './src/index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'bundle.js',