Changed webpack config to use require.

webpack.config.js

@@ -0,0 +1,74 @@
+const path = require('path');
+const VueLoaderPlugin = require('vue-loader/lib/plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+	entry: './assets/js/main.js',
+	output: {
+		filename: 'bundle.js',
+		path: path.join(__dirname, 'public/js'),
+	},
+	module: {
+		rules: [
+			{
+				test: /\.vue$/,
+				include: [
+					path.resolve(__dirname, 'assets'),
+				],
+				loader: 'vue-loader',
+				options: {
+					preserveWhitespace: false,
+				},
+			},
+			{
+				test: /\.js$/,
+				exclude: /node_modules/,
+				use: [
+					{
+						loader: 'babel-loader',
+						options: {
+							babelrc: false,
+							plugins: [
+								'@babel/plugin-proposal-object-rest-spread',
+							],
+						},
+					},
+					'eslint-loader',
+				],
+			},
+			{
+				test: /\.scss$/,
+				use: [
+					MiniCssExtractPlugin.loader,
+					'css-loader?sourceMap',
+					{
+						loader: 'postcss-loader',
+						options: {
+							plugins: [autoprefixer],
+							sourceMap: true,
+						},
+					},
+					'sass-loader?sourceMap',
+				],
+			},
+			{
+				test: /\.svg/,
+				use: 'raw-loader',
+			},
+		],
+	},
+	plugins: [
+		new VueLoaderPlugin(),
+		new MiniCssExtractPlugin({
+			filename: '../css/style.css',
+		}),
+	],
+	resolve: {
+		alias: {
+			theme: path.join(__dirname, 'assets/css/_theme.scss'),
+			breakpoints: path.join(__dirname, 'assets/css/_breakpoints.scss'),
+			config: path.join(__dirname, `assets/js/config/${process.env.NODE_ENV || 'default'}.js`),
+		},
+	},
+};