Code splitting

YonatanKra · Jan 2, 2019 · 89dd636 · 89dd636
1 parent eaf0f29
commit 89dd636
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 9 deletions.
diff --git a/config/webpack.common.js b/config/webpack.common.js
@@ -1,10 +1,13 @@
-const path = require('path');
-const webpack = require('webpack');
-
 const HtmlWebpackPlugin = require('html-webpack-plugin');
-
+const CleanWebpackPlugin = require('clean-webpack-plugin');
 module.exports = {
+    entry: {
+        'demo/index' : './src/demo/index.js',
+        index: './src/main.js',
+        'lib/ce-modal-window/index': './src/components/ce-modal-window/index.js'
+    },
     plugins: [
+        new CleanWebpackPlugin(),
         new HtmlWebpackPlugin({
             title: 'TDD Challenge',
             meta: {
@@ -14,6 +17,16 @@ module.exports = {
     ],
     module: {
         rules: [
+            {
+                test: /\.m?js$/,
+                exclude: /(node_modules|bower_components)/,
+                use: {
+                    loader: 'babel-loader',
+                    options: {
+                        presets: ['@babel/preset-env']
+                    }
+                }
+            },
             // use the html loader
             {
                 test: /\.html$/,

diff --git a/config/webpack.dev.js b/config/webpack.dev.js
@@ -9,8 +9,5 @@ module.exports = merge(common, {
         open: true,
         contentBase: './dist'
     },
-    mode: "development",
-    plugins: [
-        new CleanWebpackPlugin(['dist']),
-    ]
+    mode: "development"
 });
diff --git a/config/webpack.prod.js b/config/webpack.prod.js
@@ -1,4 +1,3 @@
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const merge = require('webpack-merge');
 const common = require('./webpack.common');