Format all files with no breaking changes
Lint all files using `npm run lint -- --fix`.
Format all files using `prettier --write "**/*.{ts,tsx,js,jsx,json}"`
No breaking change, only code style is modified.
Gitlab: #29
Change-Id: I4f034a7fb4d3eea10bcd3e38b44a65a1046de62f
diff --git a/client/webpack.config.js b/client/webpack.config.js
index f5aeab5..0538e30 100644
--- a/client/webpack.config.js
+++ b/client/webpack.config.js
@@ -1,52 +1,53 @@
-'use strict'
+'use strict';
-import {dirname, resolve} from 'path'
-import dotenv from 'dotenv'
-import HtmlWebpackPlugin from 'html-webpack-plugin'
-import CopyWebpackPlugin from 'copy-webpack-plugin'
-import webpack from 'webpack'
-import {fileURLToPath} from 'url';
+import { dirname, resolve } from 'path';
+import dotenv from 'dotenv';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
+import { fileURLToPath } from 'url';
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
-dotenv.config({ path: resolve(__dirname, '..', '.env') })
+dotenv.config({ path: resolve(__dirname, '..', '.env') });
-const mode = process.env.NODE_ENV || 'development'
+const mode = process.env.NODE_ENV || 'development';
-let entry = [resolve(__dirname, 'src', 'index.js')]
+let entry = [resolve(__dirname, 'src', 'index.js')];
let plugins = [
new HtmlWebpackPlugin({
template: '!!raw-loader!' + resolve(__dirname, 'src', 'index.ejs'),
- filename: 'index.ejs'
+ filename: 'index.ejs',
}),
new CopyWebpackPlugin({
- patterns: [{
- from: resolve(__dirname, 'public'),
- to: resolve(__dirname, 'dist')
- }]
- })
-]
+ patterns: [
+ {
+ from: resolve(__dirname, 'public'),
+ to: resolve(__dirname, 'dist'),
+ },
+ ],
+ }),
+];
-let devtool = undefined
-let babelLoaderPlugins = ["@babel/plugin-transform-runtime"]
+let devtool = undefined;
+let babelLoaderPlugins = ['@babel/plugin-transform-runtime'];
if (mode === 'development') {
- const webpack = (await import('webpack')).default
- const ReactRefreshWebpackPlugin = (await import('@pmmmwh/react-refresh-webpack-plugin')).default
- entry = ['webpack-hot-middleware/client', ...entry]
- plugins = [new webpack.HotModuleReplacementPlugin(), new ReactRefreshWebpackPlugin(), ...plugins]
- babelLoaderPlugins = [...babelLoaderPlugins, "react-refresh/babel"]
- devtool = 'inline-source-map'
+ const webpack = (await import('webpack')).default;
+ const ReactRefreshWebpackPlugin = (await import('@pmmmwh/react-refresh-webpack-plugin')).default;
+ entry = ['webpack-hot-middleware/client', ...entry];
+ plugins = [new webpack.HotModuleReplacementPlugin(), new ReactRefreshWebpackPlugin(), ...plugins];
+ babelLoaderPlugins = [...babelLoaderPlugins, 'react-refresh/babel'];
+ devtool = 'inline-source-map';
}
-console.log(`Webpack configured for ${mode}`)
+console.log(`Webpack configured for ${mode}`);
export default {
entry,
output: {
- path: resolve(__dirname, "dist"),
- filename: "bundle.js",
- publicPath: "/",
+ path: resolve(__dirname, 'dist'),
+ filename: 'bundle.js',
+ publicPath: '/',
},
devtool,
mode,
@@ -60,49 +61,47 @@
},
exclude: /node_modules/,
use: {
- loader: "babel-loader",
+ loader: 'babel-loader',
options: {
plugins: babelLoaderPlugins,
presets: [
[
- "@babel/preset-env",
+ '@babel/preset-env',
{
- useBuiltIns: "entry",
- corejs: { version: "3.10", proposals: true },
+ useBuiltIns: 'entry',
+ corejs: { version: '3.10', proposals: true },
},
],
[
- "@babel/preset-react",
+ '@babel/preset-react',
{
- runtime: "automatic",
+ runtime: 'automatic',
},
],
- [
- "@babel/preset-typescript"
- ],
+ ['@babel/preset-typescript'],
],
},
},
},
{
test: /\.s[ac]ss$/i,
- use: ["style-loader", "css-loader", "sass-loader"],
+ use: ['style-loader', 'css-loader', 'sass-loader'],
},
{
test: /\.svg$/,
- use: ["@svgr/webpack"],
+ use: ['@svgr/webpack'],
},
{
// test: /\.tsx?$/,
test: /\.(js|jsx|ts|tsx)?$/,
exclude: /node_modules/,
- loader: "ts-loader",
+ loader: 'ts-loader',
},
],
},
resolve: {
- modules: ["node_modules", resolve(__dirname)],
- extensions: [".ts", ".tsx", ".js", ".jsx"],
+ modules: ['node_modules', resolve(__dirname)],
+ extensions: ['.ts', '.tsx', '.js', '.jsx'],
},
plugins,
};