Сборка CSS и JS через webpack

.gitignore

@@ -112,3 +112,5 @@ venv.bak/
 node_modules
 db.sqlite3
 .vscode
+
+/web/build

project/templates/lilcity/test.html

@@ -3,8 +3,9 @@
 {% block title %}School LIL.CITY{% endblock title %}
 {% block content %}
   {{ request.user.auth_token }}
-  <course-redactor author-picture="http://localhost:8000/static/img/user.jpg" author-name="Vitaly Baev" access-token="95a4b7ac608d5e4e0290ea93b7b0d2bf0e20bc92"></course-redactor>
+  <course-redactor author-picture="http://localhost:8000/static/img/user.jpg" author-name="Vitaly Baev" access-token="1fac76972542b0f6492076e45e4b8cb39b5c422a" :course-id="71"></course-redactor>
 {% endblock content %}
 {% block foot %}
-  <script type="text/javascript" src={% static "js/courseRedactor.js" %}></script>
+  <script type="text/javascript" src={% static "courseRedactor.js" %}></script>
+  <link rel="stylesheet" href={% static "courseRedactor.css" %}></link>
 {% endblock foot %}

web/package.json

@@ -11,9 +11,12 @@
     "autoprefixer": "^6.3.3",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
-    "babel-plugin-transform-runtime": "^6.4.3",
+    "babel-plugin-transform-es2015-arrow-functions": "^6.22.0",
+    "babel-plugin-transform-es2015-shorthand-properties": "^6.24.1",
+    "babel-plugin-transform-es2015-template-literals": "^6.22.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.1",
-    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-es2015": "^6.24.1",
     "browser-sync": "^2.10.0",
     "css-loader": "^0.28.9",
     "css-mqpacker": "^5.0.1",

web/webpack.config.js

@@ -10,8 +10,10 @@ module.exports = {
     },
     output: {
         path: path.join(__dirname, "build"),
-        filename: NODE_ENV === 'development' ? '[name].js' : '[name].[id].[chunkhash].js',
+        filename: NODE_ENV === 'development' ? '[name].js' : '[name].js',
         library: '[name]',
+        //filename: NODE_ENV === 'development' ? '[name].js' : '[name].[id].[chunkhash].js',
+        //library: '[name]',
         publicPath: '/static/',
     },
     module: {
@@ -22,13 +24,7 @@ module.exports = {
                 use: {
                     loader: 'babel-loader',
                     options: {
-                        presets: [
+                        "presets": ["es2015"],
-                            ["env", {
-                              "targets": {
-                                "browsers": ["last 2 versions", "safari >= 7"]
-                              }
-                            }]
-                        ]
                     }
                 }
             },
@@ -52,6 +48,7 @@ module.exports = {
                 exclude: [/node_modules/],
                 options: {
                     loaders: {
+                        js: 'babel-loader?presets[]=es2015',
                         css: 'vue-style-loader!css-loader',
                         scss: 'vue-style-loader!css-loader!sass-loader',
                         sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax'