fix #73

docusaurus/docs/available-scripts.md

@@ -83,7 +83,7 @@ This will generate sourcemap files for `*.(t|j)s` which in current project.
 
 `[email protected]` dependencies `[email protected]` and [`[email protected]`](https://github.com/webpack-contrib/terser-webpack-plugin/tree/v4.2.3#sourcemap).
 
-> [email protected] no longer supported webpack@4. [https://github.com/webpack-contrib/terser-webpack-plugin/releases/tag/v5.0.0](https://github.com/webpack-contrib/terser-webpack-plugin/releases/tag/v5.0.0)
+> [email protected] no longer supported webpack@4.x [https://github.com/webpack-contrib/terser-webpack-plugin/releases/tag/v5.0.0](https://github.com/webpack-contrib/terser-webpack-plugin/releases/tag/v5.0.0)
 
 More Powerful ability for generating sourcemap files, please use other webpack plugins.
 

jest.config.js

@@ -7,7 +7,8 @@ module.exports = {
     "ts-jest": {
       tsConfig: {
         moduleResolution: "node",
-        esModuleInterop: true
+        esModuleInterop: true,
+        diagnostics: false
       }
     }
   }

packages/rocketact-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rocketact-scripts",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "description": "",
   "main": "index.js",
   "scripts": {

packages/rocketact-scripts/src/Core.ts

@@ -1,4 +1,6 @@
-import WebpackChain from "webpack-chain";
+import WebpackChain  from "webpack-chain";
+import * as webpack from 'webpack';
+
 import {
   error,
   appPackageJson,
@@ -67,7 +69,7 @@ class Core {
     }
   }
 
-  resolveWebpackConfig() {
+  resolveWebpackConfig(): unknown {
     if (!this.webpackConfigResolved) {
       this.applyWebpackChainFns();
       this.webpackConfigResolved = true;

packages/rocketact-scripts/src/CoreAPI.ts

@@ -1,4 +1,5 @@
 import Core, { webpackChainFn } from "./Core";
+import * as webpack from 'webpack';
 
 export default class CoreAPI {
   private readonly core: Core;
@@ -14,7 +15,7 @@ export default class CoreAPI {
     this.core.commands[name] = { fn };
   }
 
-  resolveWebpackConfig() {
+  resolveWebpackConfig(): unknown {
     return this.core.resolveWebpackConfig();
   }
 }

packages/rocketact-scripts/src/commands/build.ts

@@ -30,6 +30,7 @@ export default (api: CoreAPI) => {
         .then(() => {
           return new Promise((resolve, reject) => {
             const startTime = +new Date();
+            // @ts-ignore
             webpack(api.resolveWebpackConfig(), (err, stats) => {
               const endTime = +new Date();
               const duration = ((endTime - startTime) / 1000).toFixed(2);

packages/rocketact-scripts/src/commands/start.ts

@@ -78,6 +78,7 @@ export default (api: CoreAPI) => {
               );
             }
             console.log(`${infoBlock(" WAITING ")} ${info("Building...")}`);
+            // @ts-ignore
             const compiler = webpack(webpackConfig);
             const devServer = new WebpackDevServer(
               // @ts-ignore

packages/rocketact-scripts/src/config/webpack/plugins.ts

@@ -1,3 +1,4 @@
+import { PluginClass } from "webpack-chain";
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const ProgressBarPlugin = require("progress-bar-webpack-plugin");
 const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
@@ -8,8 +9,6 @@ import createHtmlWebpackPluginInstance from "../../utils/createHtmlWebpackPlugin
 import {
   info,
   infoBlock,
-  success,
-  successBlock,
   checkPackageInstalled,
   appBuild,
   resolveToAppRoot,
@@ -25,13 +24,13 @@ import ConsolePlugin from "../../plugins/console";
 
 import {
   getValidEntries,
-  ensureTrailingSlash,
   appRoot,
 } from "rocketact-dev-utils";
 
 export default (api: CoreAPI) => {
   api.chainWebpack((webpackChain) => {
     if (isDevelopmentEnv()) {
+      // @ts-ignore
       webpackChain.plugin("ConsolePlugin").use(ConsolePlugin, [
         {
           messages: [
@@ -48,24 +47,21 @@ export default (api: CoreAPI) => {
         },
       ]);
       webpackChain
-        .plugin("NamedModulesPlugin")
-        .use(webpack.NamedModulesPlugin)
-        .end()
+        // https://webpack.js.org/migrate/4/#deprecatedremoved-plugins
         .plugin("DefinePlugin")
+        // @ts-ignore
         .use(webpack.DefinePlugin, [{ __DEV__: true }])
         .end()
-        .plugin("NoEmitOnErrorsPlugin")
-        .use(webpack.NoEmitOnErrorsPlugin)
-        .end()
         .plugin("HotModuleReplacementPlugin")
         .use(webpack.HotModuleReplacementPlugin)
         .end();
     }
 
     if (isProductionEnv()) {
       webpackChain
+        // https://www.webpackjs.com/plugins/hashed-module-ids-plugin/
         .plugin("HashedModuleIdsPlugin")
-        .use(webpack.HashedModuleIdsPlugin)
+        .use(new webpack.HashedModuleIdsPlugin() as PluginClass) // new (...opts: any[]): webpack.Plugin;
         .end()
         .plugin("MiniCssExtractPlugin")
         .use(MiniCssExtractPlugin, [