Created client/js/installer.js and its webpack entry.

config/webpack.common.js

@@ -20,6 +20,7 @@ module.exports = (options) => {
     mode: options.mode,
     entry: Object.assign({
       'js/app':                       './src/client/js/app',
+      'js/installer':                 './src/client/js/installer',
       'js/legacy':                    './src/client/js/legacy/crowi',
       'js/legacy-admin':              './src/client/js/legacy/crowi-admin',
       'js/legacy-presentation':       './src/client/js/legacy/crowi-presentation',

src/client/js/installer.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { I18nextProvider } from 'react-i18next';
+
+import i18nFactory from './i18n';
+
+import InstallerForm    from './components/InstallerForm';
+
+const userlang = $('body').data('userlang');
+const i18n = i18nFactory(userlang);
+
+// render InstallerForm
+const installerFormElem = document.getElementById('installer-form');
+if (installerFormElem) {
+  ReactDOM.render(
+    <I18nextProvider i18n={i18n}>
+      <InstallerForm />
+    </I18nextProvider>,
+    installerFormElem
+  );
+}

src/server/views/installer.html

@@ -17,7 +17,7 @@
 {% endblock %}
 {% block sidebar %}
 {% endblock %}
-
+<script src="{{ webpack_asset('js/installer.js') }}" defer></script>
 
 
 {% block layout_main %}