fix: correct webpackHotMiddleware.Options type error

tjx666 · Apr 13, 2020 · 8a533a1 · 8a533a1
1 parent a706e49
commit 8a533a1
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/scripts/build.ts b/scripts/build.ts
@@ -16,5 +16,5 @@ compiler.run((error, stats) => {
         colors: true,
     };
 
-    console.log(stats.toString(ENABLE_ANALYZE ? 'minimal' : analyzeStatsOpts));
+    console.log(stats.toString(ENABLE_ANALYZE ? analyzeStatsOpts : 'minimal'));
 });
diff --git a/scripts/configs/webpack.common.ts b/scripts/configs/webpack.common.ts
@@ -50,7 +50,12 @@ const htmlMinifyOptions: HtmlMinifierOptions = {
 const commonConfig: Configuration = {
     cache: true,
     context: PROJECT_ROOT,
-    entry: ['react-hot-loader/patch', resolve(PROJECT_ROOT, './src/index.tsx')],
+    entry: [
+        // reload=true 设置 webpack 无法热更新时刷新整个页面，overlay=true 设置编译出错时在网页中显示出错信息遮罩
+        'webpack-hot-middleware/client?reload=true&overlay=true',
+        'react-hot-loader/patch',
+        resolve(PROJECT_ROOT, './src/index.tsx'),
+    ],
     output: {
         publicPath: '/',
         path: resolve(PROJECT_ROOT, './dist'),

diff --git a/scripts/middlewares/webpackMiddleware.ts b/scripts/middlewares/webpackMiddleware.ts
@@ -17,13 +17,9 @@ export default function webpackMiddleware(compiler: Compiler) {
         // writeToDisk: true
     };
 
-    const hotMiddlewareOptions: webpackHotMiddleware.Options = {
+    const hotMiddlewareOptions: webpackHotMiddleware.MiddlewareOptions = {
         // sse 路由
         path: HMR_PATH,
-        // 编译出错会在网页中显示出错信息遮罩
-        overlay: true,
-        // webpack 卡住自动刷新页面
-        reload: true,
     };
 
     return [