diff --git a/src/index.js b/src/index.js
index 72bb5cda708e9328250b8a77ac0b3996397648f6..255841cb345e6539b87fba0df3a5383d8cb63daa 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,4 @@
 import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap/dist/css/bootstrap-theme.min.css'
 import 'bootstrap'
-import './traffic'
 import './style.css'
diff --git a/traffic.php b/traffic.php
index 52c8915d1cb5bc2caa48e2e6aa576aafd62eb865..6e40a9667188de037a526c83b17d89e9393a35de 100644
--- a/traffic.php
+++ b/traffic.php
@@ -13,5 +13,6 @@
 </div>
 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <script src="assets/app.bundle.js"></script>
+<script src="assets/traffic.bundle.js"></script>
 </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
index d2ecacd31a4caf0cc09bdda10f28c1db02d7efb2..0c954a2b114dfbf0253e55172ad736086cefaebb 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,7 +5,8 @@ module.exports = {
     entry: {
       app: './src/index.js',
       player: './src/player.js',
-      game: './src/404.js'
+      game: './src/404.js',
+        traffic: './src/traffic.js'
     },
     output: {
         filename: '[name].bundle.js',