2023-02-28T02:14:36

material-design/webpack.config.js

@@ -0,0 +1,74 @@
+// Generated using webpack-cli https://github.com/webpack/webpack-cli
+
+const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+const isProduction = process.env.NODE_ENV == "production";
+
+const config = {
+	entry: "./src/index.ts",
+	output: {
+		path: path.resolve(__dirname, "dist"),
+	},
+	devServer: {
+		open: true,
+		host: "localhost",
+	},
+	plugins: [
+		new HtmlWebpackPlugin({
+			template: "templates/index.html",
+			filename: "index.html",
+		}),
+		new HtmlWebpackPlugin({
+			template: "templates/document.html",
+			filename: "document.html",
+		}),
+		new HtmlWebpackPlugin({
+			template: "templates/editor.html",
+			filename: "editor.html",
+		}),
+		// Add your plugins here
+		// Learn more about plugins from https://webpack.js.org/configuration/plugins/
+	],
+	module: {
+		rules: [
+			{
+				test: /\.(ts|tsx)$/i,
+				loader: "ts-loader",
+				exclude: ["/node_modules/"],
+			},
+			{
+				test: /\.s[ac]ss$/i,
+				use: [
+					"style-loader",
+					"css-loader",
+					"postcss-loader",
+					"sass-loader",
+				],
+			},
+			{
+				test: /\.css$/i,
+				use: ["style-loader", "css-loader", "postcss-loader"],
+			},
+			{
+				test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+				type: "asset",
+			},
+
+			// Add your rules for custom modules here
+			// Learn more about loaders from https://webpack.js.org/loaders/
+		],
+	},
+	resolve: {
+		extensions: [".tsx", ".ts", ".js"],
+	},
+};
+
+module.exports = () => {
+	if (isProduction) {
+		config.mode = "production";
+	} else {
+		config.mode = "development";
+	}
+	return config;
+};