editor webpack merge

editor/webpack.base.config.js

@@ -0,0 +1,38 @@
+const path = require('path');
+const VueLoaderPlugin = require('vue-loader/lib/plugin');
+
+const vueLoader = {
+    test: /\.(vue)$/,
+    exclude: /node_modules/,
+    use: 'vue-loader'
+};
+
+const scssLoader = {
+    test: /\.(css|scss)$/,
+    use: ['css-loader', 'sass-loader']
+};
+
+module.exports = {
+    entry: './src/index.js',
+    module: {
+        rules: [vueLoader, scssLoader]
+    },
+    externals: {
+        electron: 'window.require("electron")',
+        fs: 'window.require("fs")',
+        util: 'window.require("util")',
+        process: 'require("process")'
+    },
+    resolve: {
+        alias: {
+            vue$: path.resolve('..', 'node_modules', 'vue', 'dist', 'vue.esm.js')
+        },
+        modules: [
+            path.resolve('..', 'node_modules'),
+            path.resolve('..', 'common', 'modules')
+        ]
+    },
+    plugins: [
+        new VueLoaderPlugin()
+    ]
+};

editor/webpack.config.js

@@ -1,43 +1,16 @@
 const path = require('path');
-const VueLoaderPlugin = require('vue-loader/lib/plugin');
 
-const vueLoader = {
+const baseconfig = require('./webpack.base.config');
-    test: /\.(vue)$/,
-    exclude: /node_modules/,
-    use: 'vue-loader'
-};
 
-const scssLoader = {
+const merge = require('webpack-merge');
-    test: /\.(css|scss)$/,
+const webpack = require('webpack');
-    use: ['css-loader', 'sass-loader']
-};
 
-module.exports = {
+const config = {
-    entry: './src/index.js',
     mode: 'development',
     output: {
         path: path.resolve(__dirname, 'dist'),
         filename: 'editor.js'
-    },
+    }
-    module: {
-        rules: [vueLoader, scssLoader]
-    },
-    externals: {
-        electron: 'window.require("electron")',
-        fs: 'window.require("fs")',
-        util: 'window.require("util")',
-        process: 'require("process")'
-    },
-    resolve: {
-        alias: {
-            vue$: path.resolve('..', 'node_modules', 'vue', 'dist', 'vue.esm.js')
-        },
-        modules: [
-            path.resolve('..', 'node_modules'),
-            path.resolve('..', 'common', 'modules')
-        ]
-    },
-    plugins: [
-        new VueLoaderPlugin()
-    ]
 };
+
+module.exports = merge(baseconfig, config);

editor/webpack.production.config.js

@@ -1,43 +1,16 @@
 const path = require('path');
-const VueLoaderPlugin = require('vue-loader/lib/plugin');
 
-const vueLoader = {
+const baseconfig = require('./webpack.base.config');
-    test: /\.(vue)$/,
-    exclude: /node_modules/,
-    use: 'vue-loader'
-};
 
-const scssLoader = {
+const merge = require('webpack-merge');
-    test: /\.(css|scss)$/,
+const webpack = require('webpack');
-    use: ['css-loader', 'sass-loader']
-};
 
-module.exports = {
+const config = {
-    entry: './src/index.js',
     mode: 'production',
     output: {
         path: path.resolve(__dirname, 'dist'),
-        filename: 'editor.release.js'
+        filename: 'editor.js'
-    },
+    }
-    module: {
-        rules: [vueLoader, scssLoader]
-    },
-    externals: {
-        electron: 'window.require("electron")',
-        fs: 'window.require("fs")',
-        util: 'window.require("util")',
-        process: 'require("process")'
-    },
-    resolve: {
-        alias: {
-            vue$: path.resolve('..', 'node_modules', 'vue', 'dist', 'vue.esm.js')
-        },
-        modules: [
-            path.resolve('..', 'node_modules'),
-            path.resolve('..', 'common', 'modules')
-        ]
-    },
-    plugins: [
-        new VueLoaderPlugin()
-    ]
 };
+
+module.exports = merge(baseconfig, config);