🎉 starter V1.0

Author: amirzenoozi

.gitignore

@@ -0,0 +1,31 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+/.idea
+/.vscode
+/docs
+/eslint-plugins
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+yarn-error.log
+yarn.lock
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.eslintcache

app.ts

@@ -0,0 +1,10 @@
+import * as express from 'express';
+import { Request, Response } from 'express';
+
+const app = express();
+
+app.get('/', (req: Request, res: Response) => {
+  res.status(200).send("Hello Word!");
+});
+
+app.listen(5000 );

environment/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true,
+};

environment/environment.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: false,
+};

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "typescript-webpack-starter",
+  "version": "1.0.0",
+  "description": "Simple Starter Project Base On Typescript & Webpack",
+  "main": "app.ts",
+  "author": "Amirhossein D. Zenoozi",
+  "license": "ISC",
+  "scripts": {
+    "clean": "rimraf build",
+    "start": "yarn && concurrently \"tsc --watch\" \"nodemon -q build/app.js\""
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@types/express": "^4.17.13",
+    "@types/node": "^16.7.10",
+    "concurrently": "^6.2.1",
+    "express": "^4.17.1",
+    "file-replace-loader": "^1.4.0",
+    "nodemon": "^2.0.12",
+    "path": "^0.12.7",
+    "rimraf": "^3.0.2",
+    "ts-loader": "^9.2.5",
+    "typescript": "^4.4.2",
+    "webpack": "^5.51.1",
+    "webpack-cli": "^4.8.0",
+    "webpack-dev-server": "^4.1.0",
+    "webpack-node-externals": "^3.0.0",
+    "webpack-shell-plugin-next": "^2.2.2"
+  }
+}

src/sample.module.ts

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "noImplicitAny": true,
+    "removeComments": true,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "declaration": true,
+    "moduleResolution": "node",
+    "outDir": "./build",
+    "baseUrl": "./src",
+    "rootDir": ".",
+    "paths": {
+      "src/*": ["./*"]
+    }
+  },
+  "exclude": ["node_modules", "./src/**/*.spec.tsx", "./src/**/*.test.tsx"],
+  "include": ["./custom.d.ts", "./src/**/*", "app.ts"]
+}

tsconfig.json

@@ -0,0 +1,74 @@
+const webpackShellPluginNext = require('webpack-shell-plugin-next');
+const nodeExternals = require('webpack-node-externals');
+const path = require('path');
+
+const PATHS = {
+    root: path.resolve(__dirname, '..'),
+    nodeModules: path.resolve(__dirname, '../node_modules'),
+    src: path.resolve(__dirname, '../src'),
+    build: path.resolve(__dirname, '../build'),
+    dist: path.resolve(__dirname, '../dist'),
+};
+
+module.exports = (env = {}) => {
+    return {
+        mode: 'production',
+        target: 'web',
+        entry: './app.ts',
+        devtool: 'source-map',
+        output: {
+            filename: '[name].js',
+            publicPath: '/',
+            path: PATHS.dist,
+            globalObject: 'this',
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.(ts|tsx)$/,
+                    exclude: '/node_modules/',
+                    use: [{
+                        loader: 'ts-loader',
+                    }, {
+                        loader: 'file-replace-loader',
+                        options: {
+                            condition: 'always', // <-- Note that the rule applies for all files!
+                            replacement(resourcePath) {
+                                if (resourcePath.endsWith('environment.ts')) {
+                                    return path.resolve(__dirname, '../environments/environment.prod.ts');
+                                }
+                            },
+                            async: true,
+                        },
+                    }],
+                },
+            ],
+        },
+        plugins: [
+            new webpackShellPluginNext({
+                onBuildEnd: {
+                    scripts: ['yarn run:dev']
+                }
+            })
+        ],
+        optimization: {
+            minimize: true,
+            runtimeChunk: 'single',
+            splitChunks: {
+                cacheGroups: {
+                    vendor: {
+                        chunks: 'initial',
+                        test: path.resolve(__dirname, '../node_modules'),
+                        name: 'vendor',
+                        enforce: true,
+                    },
+                },
+            },
+        },
+        externals: [ nodeExternals() ],
+        resolve: {
+            alias: PATHS,
+            extensions: [ '.ts', '.tsx' ],
+        },
+    };
+};