Initial Commit

Author: brophdawg11

.babelrc

@@ -0,0 +1,14 @@
+{
+    "presets": [
+        ["env", {
+            "targets": {
+                "browsers": [ ">5%", "last 2 versions" ]
+            },
+            "modules": false
+        }],
+        "stage-3"
+    ],
+    "plugins": [
+        "syntax-dynamic-import"
+    ],
+}

.gitignore

@@ -0,0 +1,2 @@
+dist
+node_modules

build/webpack.base.config.js

@@ -0,0 +1,62 @@
+const webpack = require('webpack');
+const VueLoaderPlugin = require('vue-loader/lib/plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+const isProd = process.env.NODE_ENV === 'production';
+const isDev = !isProd;
+const environment = isProd ? 'production' : 'development';
+
+console.log(`process.env.NODE_ENV: ${process.env.NODE_ENV}`);
+console.log(`Webpack building for environment: ${environment}`);
+
+module.exports = {
+    isDev,
+    isProd,
+    getBaseConfig(type) {
+        return {
+            mode: environment,
+            devtool: false,
+            output: {
+                publicPath: '/dist/',
+                filename: '[name].js',
+            },
+            resolve: {
+                extensions: ['*', '.js', '.vue', '.json'],
+            },
+            module: {
+                rules: [
+                    {
+                        test: /\.vue$/,
+                        loader: 'vue-loader',
+                    },
+                    {
+                        test: /\.js$/,
+                        loader: 'babel-loader',
+                        exclude: /node_modules/,
+                    },
+                    {
+                        test: /\.css$/,
+                        use: type === 'server' ?
+                            ['css-loader/locals'] :
+                            [MiniCssExtractPlugin.loader, {
+                                loader: 'css-loader',
+                                options: {
+                                    minimize: isProd,
+                                },
+                            }],
+                    },
+                ],
+            },
+            plugins: [
+                new webpack.DefinePlugin({
+                    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+                }),
+                new VueLoaderPlugin(),
+                new MiniCssExtractPlugin({
+                    filename: 'app.css',
+                    chunkFilename: '[name].css',
+                }),
+            ],
+        };
+    },
+};

build/webpack.client.config.js

@@ -0,0 +1,23 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+/* eslint-enable import/no-extraneous-dependencies */
+
+const VueSSRClientPlugin = require('vue-server-renderer/client-plugin');
+
+const { getBaseConfig } = require('./webpack.base.config');
+
+module.exports = function getClientConfig(configOpts) {
+    const clientConfig = merge(getBaseConfig('client'), {
+        name: 'client',
+        entry: {
+            app: './src/entry-client.js',
+        },
+        plugins: [
+            new webpack.DefinePlugin({ 'process.env.VUE_ENV': '"client"' }),
+            new VueSSRClientPlugin(),
+        ],
+    });
+
+    return clientConfig;
+};

build/webpack.server.config.js

@@ -0,0 +1,26 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+/* eslint-enable import/no-extraneous-dependencies */
+
+const VueSSRServerPlugin = require('vue-server-renderer/server-plugin');
+
+const { getBaseConfig } = require('./webpack.base.config');
+
+module.exports = function getServerConfig(configOpts) {
+    const serverConfig = merge(getBaseConfig('server'), {
+        name: 'server',
+        entry: './src/entry-server.js',
+        output: {
+            filename: 'server-bundle.js',
+            libraryTarget: 'commonjs2',
+        },
+        target: 'node',
+        plugins: [
+            new webpack.DefinePlugin({ 'process.env.VUE_ENV': '"server"' }),
+            new VueSSRServerPlugin(),
+        ],
+    });
+
+    return serverConfig;
+};