websocket basic setup FE & BE && working basic game w/ react && webpack & babel config
This commit is contained in:
@@ -1,24 +1,18 @@
|
||||
{% extends '::base.html.twig' %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{% stylesheets filter='cssrewrite'
|
||||
'@MineSeekerBundle/Resources/public/css/style.mineseeker.css' %}
|
||||
<link rel="stylesheet" media="screen" href="{{ asset_url }}" type="text/css"/>
|
||||
{% endstylesheets %}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div id="example"></div>
|
||||
<div id="mine-wrapper"></div>
|
||||
{% endblock %}
|
||||
|
||||
{% block javascripts %}
|
||||
{{ parent() }}
|
||||
|
||||
<script type="text/babel">
|
||||
ReactDOM.render(
|
||||
<h1>Hello, world!</h1>,
|
||||
document.getElementById('example')
|
||||
);
|
||||
</script>
|
||||
|
||||
{% javascripts
|
||||
'@MineSeekerBundle/Resources/public/js/node/react/dist/react.js'
|
||||
'@MineSeekerBundle/Resources/public/js/src/build/react-dom.js'%}
|
||||
<script type="text/javascript" src="{{ asset_url }}"></script>
|
||||
{% endjavascripts %}
|
||||
|
||||
<script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
|
||||
<script type="text/javascript" src="{{ asset('js/index.js') }}"></script>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user