wip

webpack.config.js

@@ -0,0 +1,92 @@
+/**
+ * webpack configuration
+ */
+
+const fs = require('fs');
+const webpack = require('webpack');
+
+//  class WebpackOnBuildPlugin {
+//	constructor(readonly callback: (stats: any) => void) {
+//	}
+
+//	public apply(compiler: any) {
+//		compiler.hooks.done.tap('WebpackOnBuildPlugin', this.callback);
+//	}
+//  }
+
+const isProduction = process.env.NODE_ENV === 'production';
+
+const meta = require('./package.json');
+
+module.exports = {
+	entry: {
+		fe: './src/frontend/init.tsx',
+	},
+	module: {
+		rules: [{
+			test: /\.(eot|woff|woff2|svg|ttf)([?]?.*)$/,
+			type: 'asset/resource'
+		}, {
+			test: /\.json5$/,
+			loader: 'json5-loader',
+			options: {
+				esModule: false,
+			},
+			type: 'javascript/auto'
+		}, {
+			test: /\.tsx?$/,
+			use: [
+				{ loader: 'ts-loader' }
+			]
+		}, {
+			test: /\.scss$/,
+			use: [
+				'style-loader',
+				{
+					loader: 'css-loader',
+					options: {
+						url: false,
+						sourceMap: true,
+					},
+				},
+				{
+					loader: 'sass-loader',
+					options: {
+						implementation: require('sass'),
+						sassOptions: {
+							fiber: false
+						},
+						sourceMap: true,
+					},
+				},
+			],
+		}, {
+			test: /\.css$/i,
+			use: ['style-loader', 'css-loader'],
+		}]
+	},
+	plugins: [
+		new webpack.ProgressPlugin({}),
+	],
+	output: {
+		path: __dirname + '/built/assets',
+		filename: `[name].${meta.version}.js`,
+		publicPath: '/assets/',
+		pathinfo: false,
+	},
+	resolve: {
+		extensions: [
+			'.js', '.ts', '.json', '.tsx'
+		],
+		alias: {
+		}
+	},
+	resolveLoader: {
+		modules: ['node_modules']
+	},
+	experiments: {
+		topLevelAwait: true
+	},
+	devtool: false, //'source-map',
+	mode: isProduction ? 'production' : 'development'
+};