fix: 解决 webpackHotUpdate is not defined

imsunhao · Aug 22, 2019 · 40311e7 · 40311e7
1 parent b7e67d9
commit 40311e7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/config/webpack.client.config.ts b/src/config/webpack.client.config.ts
@@ -11,6 +11,8 @@ import { getClientDllPlugin, getExternals } from 'src/utils/plugins.webpack'
 export async function getClientConfig(options: ConfigOptions.options) {
   const client = options.webpack ? options.webpack.client || {} : {}
   const { externals, alias } = getExternals(options, 'client')
+  const mode = options.webpack.mode || 'production'
+  const isProd = mode === 'production'
 
   return (merge as any)(
     getBaseConfig(options),
@@ -27,6 +29,7 @@ export async function getClientConfig(options: ConfigOptions.options) {
         globalObject: 'this'
       },
       optimization: {
+        runtimeChunk: !isProd,
         minimizer: [
           new OptimizeCSSAssetsPlugin()
         ],

diff --git a/src/utils/compiler.webpack.ts b/src/utils/compiler.webpack.ts
@@ -91,7 +91,9 @@ function devCompiler({
 
   clientConfig.output.filename = '[name].js'
   clientConfig.plugins.push(
-    new webpack.HotModuleReplacementPlugin(),
+    new webpack.HotModuleReplacementPlugin({
+      multiStep: true,
+    }),
     new webpack.NoEmitOnErrorsPlugin()
   )