Webpack config TS version is used again.

Author: DovydasNavickas

.gitignore

@@ -8,7 +8,7 @@ dist
 # Ignore Rush temporary files
 /common/temp/** 
 
-# **/webpack.config.js
+**/webpack.config.js
 .rpt2_cache
 _src
 coverage

package.json

@@ -4,8 +4,8 @@
     "description": "",
     "main": "dist/index.js",
     "scripts": {
-        "start": "cross-env NODE_ENV=development webpack-dev-server",
-        "build": "npm run build:tools && cross-end NODE_ENV=development webpack",
+        "start": "npm run build:tools && cross-env NODE_ENV=development webpack-dev-server",
+        "build": "npm run build:tools && cross-env NODE_ENV=development webpack",
         "build:tools": "tsc -p ./tools"
     },
     "keywords": [],

src/components/text-field.tsx

@@ -23,7 +23,7 @@ function useFieldId(props: Pick<TextFieldProps, "name">): string {
     return `${groupId}${SEPARATOR}${props.name}`;
 }
 
-function useRegisterField(fieldId: string, props: TextFieldProps) {
+function useRegisterField(fieldId: string, props: TextFieldProps): void {
     useEffect(() => {
         const { store } = useContext(GroupContext);
 

src/stores/group-store.ts

@@ -77,8 +77,8 @@ export class GroupStoreMutable extends TinyEmitter<Callback> {
         this.emit();
     }
 
-    public toObject(): any {
-        const result: { [key: string]: any } = {};
+    public toObject(): unknown {
+        const result: { [key: string]: unknown } = {};
         for (const key in this.fields) {
             if (this.fields.hasOwnProperty(key)) {
                 const field = this.fields[key];

tools/webpack.config.ts

@@ -1,40 +1,35 @@
-// import path from "path";
-// // Plugins
-// import webpackBuilder from "@reactway/webpack-builder";
-// import typeScript from "@reactway/webpack-builder-plugin-typescript";
-// import webpackDevServer from "@reactway/webpack-builder-plugin-web-dev";
-// import htmlPlugin from "@reactway/webpack-builder-plugin-html";
-// import styles from "@reactway/webpack-builder-plugin-styles";
-// import images from "@reactway/webpack-builder-plugin-images";
-// import clean from "@reactway/webpack-builder-plugin-clean";
-// import writeFile from "@reactway/webpack-builder-plugin-write-file";
-// // Packages not included to plugins.
-// // import CopyPlugin from "copy-webpack-plugin";
+const path = require("path");
+// Plugins
+const webpackBuilder = require("@reactway/webpack-builder");
+const typeScript = require("@reactway/webpack-builder-plugin-typescript");
+const webpackDevServer = require("@reactway/webpack-builder-plugin-web-dev");
+const htmlPlugin = require("@reactway/webpack-builder-plugin-html");
+const styles = require("@reactway/webpack-builder-plugin-styles");
+const images = require("@reactway/webpack-builder-plugin-images");
+const clean = require("@reactway/webpack-builder-plugin-clean");
+const writeFile = require("@reactway/webpack-builder-plugin-write-file");
+// Packages not included to plugins.
+// const CopyPlugin = require("copy-webpack-plugin");
 
-// const fullOutputPath = path.resolve(__dirname, "dist");
+const fullOutputPath = path.resolve(__dirname, "dist");
 
-// module.exports = new webpackBuilder.Builder(__dirname, {
-//     entry: "./src/app.tsx",
-//     mode: "development",
-//     output: {
-//         path: fullOutputPath,
-//         filename: "[name].bundle.js"
-//     }
-// })
-//     .use(typeScript.TypeScriptPlugin)
-//     .use(webpackDevServer)
-//     .use(htmlPlugin)
-//     .use(styles.StylesPlugin)
-//     .use(images)
-//     .use(clean)
-//     .use(writeFile)
-//     // .update(webpack => {
-//     //     if (webpack.plugins == null) {
-//     //         webpack.plugins = [];
-//     //     }
-//     //     webpack.plugins.push(
-//     //         new CopyPlugin([{ from: "src/assets/", to: "./assets" }])
-//     //     );
-//     //     return webpack;
-//     // })
-//     .toConfig();
+module.exports = new webpackBuilder.Builder(__dirname, {
+    entry: "./src/app.tsx",
+    mode: "development",
+    output: {
+        path: fullOutputPath,
+        filename: "[name].bundle.js"
+    }
+})
+    .use(typeScript.TypeScriptPlugin)
+    .use(webpackDevServer)
+    .use(htmlPlugin)
+    .use(styles.StylesPlugin)
+    .use(images)
+    .use(clean)
+    .use(writeFile)
+    // .update(webpack => {
+    //     webpack.plugins.push(new CopyPlugin([{ from: "src/assets/", to: "./assets" }]));
+    //     return webpack;
+    // })
+    .toConfig();

tsconfig.json

@@ -11,5 +11,6 @@
                 "ignoreDefinitionFiles": true
             }
         ]
-    }
+    },
+    "exclude": ["tools"]
 }

webpack.config.js

@@ -1,18 +1,17 @@
-const path = require("path");
+"use strict";
+var path = require("path");
 // Plugins
-const webpackBuilder = require("@reactway/webpack-builder");
-const typeScript = require("@reactway/webpack-builder-plugin-typescript");
-const webpackDevServer = require("@reactway/webpack-builder-plugin-web-dev");
-const htmlPlugin = require("@reactway/webpack-builder-plugin-html");
-const styles = require("@reactway/webpack-builder-plugin-styles");
-const images = require("@reactway/webpack-builder-plugin-images");
-const clean = require("@reactway/webpack-builder-plugin-clean");
-const writeFile = require("@reactway/webpack-builder-plugin-write-file");
+var webpackBuilder = require("@reactway/webpack-builder");
+var typeScript = require("@reactway/webpack-builder-plugin-typescript");
+var webpackDevServer = require("@reactway/webpack-builder-plugin-web-dev");
+var htmlPlugin = require("@reactway/webpack-builder-plugin-html");
+var styles = require("@reactway/webpack-builder-plugin-styles");
+var images = require("@reactway/webpack-builder-plugin-images");
+var clean = require("@reactway/webpack-builder-plugin-clean");
+var writeFile = require("@reactway/webpack-builder-plugin-write-file");
 // Packages not included to plugins.
 // const CopyPlugin = require("copy-webpack-plugin");
-
-const fullOutputPath = path.resolve(__dirname, "dist");
-
+var fullOutputPath = path.resolve(__dirname, "dist");
 module.exports = new webpackBuilder.Builder(__dirname, {
     entry: "./src/app.tsx",
     mode: "development",
@@ -32,4 +31,4 @@ module.exports = new webpackBuilder.Builder(__dirname, {
     //     webpack.plugins.push(new CopyPlugin([{ from: "src/assets/", to: "./assets" }]));
     //     return webpack;
     // })
-    .toConfig();
+    .toConfig();