@omni-door/tpl-spa-react
Version:
The React single-page-application project template
10 lines (9 loc) • 2.34 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.tpl_src_index = void 0;
var utils_1 = require("@omni-door/utils");
var tpl = "`${ts ? \"///<reference types='webpack-env' />\" : ''}\nimport 'core-js/stable';\nimport 'regenerator-runtime/runtime';${layout === 'rem' ? `\nimport 'amfe-flexible';` : ''}\nimport { StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { HashRouter as Router, Link, useLocation } from 'react-router-dom';\nimport Routes from './routes';\n${style ? `import styles from './index.${style === 'all' ? 'scss' : style}';\nimport './reset.${style === 'all' ? 'scss' : style}';` : ''}\n\nconst App = () => (\n <div className={${style ? 'styles.main' : \"'main'\"}}>\n <Routes />\n <span className={${style ? \"[styles['main-btn'], styles['main-btn-home']].join(' ')\" : \"'main-btn main-btn-home'\"}}>\n <Link to='/'>\n Go Home\n </Link>\n </span>\n <span className={${style ? \"[styles['main-btn'], styles['main-btn-detail']].join(' ')\" : \"'main-btn main-btn-detail'\"}}>\n <Link to='/detail'>\n Go Detail\n </Link>\n </span>\n <span className={${style ? \"[styles['main-btn'], styles['main-btn-detail-1']].join(' ')\" : \"'main-btn main-btn-detail-1'\"}}>\n <Link to='/detail/1'>\n Detail - Part1\n </Link>\n </span>\n <span className={${style ? \"[styles['main-btn'], styles['main-btn-detail-2']].join(' ')\" : \"'main-btn main-btn-detail-2'\"}}>\n <Link to='/detail/2'>\n Detail - Part2\n </Link>\n </span>\n <footer className={${style ? \"styles['main-footer']\" : \"'main-footer'\"}}>\n OMNI-DOOR TEAM \u00A9omni-door\n </footer>\n </div>\n);\n\nlet container${ts ? ': null | HTMLElement ' : ''}= null;\ndocument.addEventListener('DOMContentLoaded', function (e) {\n if (!container) {\n container = document.getElementById('root');\n const root = createRoot(container${ts ? '!)' : ')'};\n root.render(<Router><StrictMode><App /></StrictMode></Router>);\n }\n});\n\n${ !ts ? '/* eslint-disable no-undef */' : '' }\nif (module.hot) {\n module.hot.accept();\n}\n${ !ts ? '/* eslint-enable no-undef */' : '' }\n`";
exports.tpl_src_index = {
tpl: tpl
};
exports.default = utils_1.tplEngineInit(exports.tpl_src_index, 'tpl');